<template>
  <div :class="switchValue == '' ? 'home_dark' : 'home_' + switchValue">
    <!-- <div v-if="mask===true" style="width:100vw;height:100vh;position: fixed;top:0;left:0;z-index: 999999;"></div> -->
    <div class="header">
      <div class="title"></div>
      <div class="theme" style="display: flex">
        <span>您好，{{ userInfo.userName }}</span>
        <span @click="logout" style="display: flex; align-items: center">
          <span class="out_icon"></span> 退出
        </span>
      </div>
    </div>
    <div class="main">
      <div class="left"></div>
      <div class="right"></div>
      <div class="centent">
        <el-row :gutter="20" style="margin-left: 5px">
          <el-col :span="24">
            <div class="time_search">
              <div class="weather_time">
                <div>{{ dateValue }}</div>
                <div class="weather">
                  <img
                    v-if="weatherImg == '阴'"
                    src="../assets/image/icon-yin.png"
                    alt
                  />
                  <img
                    v-if="weatherImg == '下雨'"
                    src="../assets/image/icon-xiayu.png"
                    alt
                  />
                  <img
                    v-if="weatherImg == '晴'"
                    src="../assets/image/icon-qing.png"
                    alt
                  />
                  <img
                    v-if="weatherImg == '多云'"
                    src="../assets/image/icon-duoyun.png"
                    alt
                  />
                  <span>{{ airValue }}</span>
                </div>
              </div>
              <div class="search">
                <el-input
                  placeholder="请输入内容"
                  v-model="searchValue"
                  class="input-with-select"
                  @keyup.enter.native="search"
                >
                  <el-button slot="append" size="24" @click="search">
                    <img src="../assets/image/seekIcon.png"/>
                  </el-button>
                </el-input>
                <ul class="Hot_words">
                  <li
                    :style="
                      switchValue == 'dark' ? 'color:#FFFFFF50' : 'color:#666'
                    "
                  >
                    常用搜索:
                  </li>
                  <li
                    :class="bgc == item ? 'active' : ''"
                    v-for="(item, index) in keyWords"
                    :key="index"
                    @click="bgc = item"
                  >
                    {{ item }}
                  </li>
                </ul>
              </div>
            </div>
          </el-col>
        </el-row>
        <el-row :gutter="10" style="margin-left: 0 !important">
          <el-col :span="18">
            <!-- 待办事项/公文处理非均无数据 -->
            <!-- v-loading="todo"
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
:element-loading-background="
  switchValue == 'dark'
    ? 'rgba(0, 0, 0, 0.7)'
    : 'rgba(255,255,255,0.7)'
" -->
            <el-row :gutter="10" style="margin-left: 1px !important">
              <el-col
                :span="9"
                class="dbsx-box"
              >
                <div class="todoList">
                  <el-tabs
                    v-model="activeName"
                    class="font16 tabHie"
                    :style="
                      systemCount.length > 0 ? '' : 'height:100%!important'
                    "
                  >
                    <el-tab-pane label="待办事项" name="待办事项">
                      <ul
                        v-if="systemCount.length > 0"
                        style="
                          max-height: 290px;
                          overflow-y: auto;
                          display: flex;
                          flex-direction: row;
                          flex-wrap: wrap;
                          align-content: space-between;
                          justify-content: space-between;
                        "
                        :style="jyzqpData.jyyzdqp ? '' : 'height: 230px;'"
                      >
                        <li
                          v-for="(item, index) in systemCount"
                          :key="index"
                          @click="clicklINK(item)"
                        >
                          <div
                            class="text_title"
                            style="
                              display: flex;
                              max-width: 180px;
                              align-items: center;
                            "
                          >
                            <el-tooltip :content="item.name" transition="zoom-in-center">
                              <span
                                class="textTitInfo"
                                style="
                                  overflow: hidden;
                                  white-space: nowrap;
                                  text-overflow: ellipsis;
                                  margin: 0;
                                "
                              >
                                {{ item.name }}
                              </span>
                            </el-tooltip>

                            <!-- <i class="el-icon-caret-right"></i> -->
                            <img
                              v-if="switchValue == 'dark'"
                              src="../assets/image/rightIcon.png"
                              alt=""
                            />
                            <img
                              v-else
                              src="../assets/image/rightDarkIcon.png"
                              alt=""
                            />
                          </div>
                          <div class="text_count">
                            <img :src="item.img" alt/>
                            <span style="font-weight: bold"
                            >&nbsp;&nbsp;&nbsp;{{ item.count }}</span
                            >
                            <i>&nbsp;&nbsp;条</i>
                          </div>
                        </li>
                      </ul>
                      <div class="empty" v-else>
                        <img
                          :src="
                            switchValue == 'light'
                              ? require('../assets/image/empty.png')
                              : require('../assets/image/empty_black.png')
                          "
                          alt
                          width="75"
                          height="75"
                        />
                        <div>暂无待办事项</div>
                      </div>
                    </el-tab-pane>
                  </el-tabs>
                  <div class="month_pi_BOX" v-if="jyzqpData.jyyzdqp">
                    <el-divider content-position="left"
                    >近一月签批件办理情况
                    </el-divider
                    >
                    <ul>
                      <li @click="toOutUrl(0)">
                        <span class="span_o1">总计</span>
                        <span class="span_03"
                        ><span class="number"
                        >&nbsp;{{
                            jyzqpData.jyyzdqp ? jyzqpData.jyyzdqp : 0
                          }}</span
                        >件</span
                        >
                      </li>
                      <li class="spna_02" @click="toOutUrl(2)">
                        <span class="span_o1">已处理</span>
                        <sapn class="span_03"
                        ><span class="number"
                        >&nbsp;{{
                            (jyzqpData.jyyzdqp ? jyzqpData.jyyzdqp : 0) -
                            (jyzqpData.unhandle ? jyzqpData.unhandle : 0)
                          }}</span
                        >件
                        </sapn
                        >
                      </li>
                      <el-tooltip content="签批后下一级及以后岗位未办理完成。" transition="zoom-in-center" placement="top" :effect="switchValue">
                      <li class="li_03" @click="toOutUrl(1)">
                        <span class="span_o1">未处理</span>
                        <span class="span_03"
                        ><span class="number" style="color:red;!important"
                        >&nbsp;{{
                            jyzqpData.unhandle ? jyzqpData.unhandle : 0
                          }}</span
                        >件</span
                        >
                      </li>
                      </el-tooltip>
                    </ul>
                  </div>
                </div>
              </el-col>
              <el-col :span="15">
                <div class="processing">
                  <div class="switch">
                    <div
                      :class="processShow ? 'switch_finish' : 'switch_deal2'"
                      @click="clickdb"
                    >
                      待办
                    </div>
                    <div
                      :class="
                        processShow == false ? 'switch_finish2' : 'switch_deal'
                      "
                      @click="finishedClick"
                    >
                      最近已办
                    </div>
                  </div>
                  <el-tabs v-model="activeNameGwcl" class="font16">
                    <el-tab-pane label="公文处理" name="公文处理">
                      <div v-if="processShow">
                        <div v-if="processData.length != 0">
                          <ul>
                            <li
                              v-for="(item, index) in processData"
                              :key="index"
                              @click="
                                detailLink(
                                  '公文待办页面',
                                  item.STEP,
                                  item.IID,
                                  item.WIID,
                                  item.WNAME
                                )
                              "
                              class="liHove"
                            >
                              <el-tag v-if="item.EMERGY == '普通'">传阅</el-tag>
                              <el-tag type="danger" v-if="item.EMERGY == '特急'"
                              >特急
                              </el-tag
                              >
                              <el-tag
                                type="warning"
                                v-if="item.EMERGY == '加急'"
                              >加急
                              </el-tag
                              >
                              <div class="proBOX">
                                <span class="text_process">{{
                                    item.TITLE ? item.TITLE : ""
                                  }}</span>
                                <span class="time_process">
                                  接收时间 /{{
                                    item.ATIME ? item.ATIME.split(" ")[0] : ""
                                  }}
                                </span>
                              </div>
                            </li>
                          </ul>
                          <div
                            class="more_process"
                            @click="handleLink('公文待办页面')"
                          >
                            更多+
                          </div>
                        </div>
                        <div class="empty" v-else>
                          <img
                            :src="
                              switchValue == 'light'
                                ? require('../assets/image/empty.png')
                                : require('../assets/image/empty_black.png')
                            "
                            alt
                            width="75"
                            height="75"
                          />
                          <div>暂无待办公文</div>
                        </div>
                      </div>
                      <div v-else>
                        <div v-if="finishedData.length != 0">
                          <ul>
                            <li
                              v-for="(item, index) in finishedData"
                              :key="index"
                              @click="
                                finishedLink(
                                  '公文待办页面',
                                  item.STEP,
                                  item.IID,
                                  item.WIID,
                                  item.WNAME
                                )
                              "
                              class="liHove"
                            >
                              <el-tag>已办</el-tag>
                              <!-- <el-tag v-if="item.EMERGY == '普通'">传阅</el-tag>
                              <el-tag type="danger" v-if="item.EMERGY == '特急'"
                              >特急
                              </el-tag
                              >
                              <el-tag
                                type="warning"
                                v-if="item.EMERGY == '加急'"
                              >加急
                              </el-tag
                              > -->
                              <span class="text_process">{{ item.NAME }}</span>
                              <span class="time_process">
                                完成时间 /{{ item.ACCEPTED_TIME.split(" ")[0] }}
                              </span>
                            </li>
                          </ul>
                          <div
                            class="more_process"
                            @click="handleLink('最近已完成-更多')"
                          >
                            更多+
                          </div>
                        </div>
                        <div
                          class="empty"
                          v-else
                          style="background-size: 280px 136px"
                        >
                          <img
                            :src="
                              switchValue == 'light'
                                ? require('../assets/image/empty.png')
                                : require('../assets/image/empty_black.png')
                            "
                            alt
                            width="75"
                            height="75"
                          />
                          <div>暂无已办公文</div>
                        </div>
                      </div>
                    </el-tab-pane>
                  </el-tabs>
                </div>
              </el-col>
            </el-row>

            <el-row :gutter="20" style="margin-left: 0 !important">
              <el-col :span="24">
                <div class="platform" @click="djjr">
                  <!-- <el-link target="_blank" :underline="false" href="http://172.18.2.62/ztweb/zhuanti/dissertation6/Index.aspx?mID=001002001001013" class="but">
                      <span class="jt_icon"></span>
                      <span class="words">点击进入</span>
                    </el-link> -->
                  <!-- <div class="but">
                      <span class="jt_icon"></span>
                      <span class="words">点击进入</span>
                    </div> -->
                  <img src="../assets/image/banner_2.png" alt/>
                  <!-- <el-carousel >
                    <el-carousel-item>
                      <img src="../assets/image/图片80.png" alt />
                    </el-carousel-item>
                  </el-carousel> -->
                  <!--
                    老版本信息
                    <div class="platform_words">
                    <div class="platform_text">
                      国 土 空 间 基 础 信 息 平 台
                    </div>
                    <div class="line"></div>
                    <ul>
                      <li @click="handleLink('资源申请')">资源申请</li>
                      <li @click="handleLink('地图应用')">地图应用</li>
                      <li @click="handleLink('空间分析')">空间分析</li>
                      <li @click="handleLink('应用监控')">应用监控</li>
                    </ul>
                  </div> -->
                </div>
              </el-col>
            </el-row>

            <el-row :gutter="20" style="margin-left: 0 !important">
              <el-col :span="12" style="padding-left: 0; padding-right: 0">
                <div class="importantNews">
                  <el-tabs v-model="currentTabName" @tab-click="handleClickNew">
                    <el-tab-pane label="要闻推荐" name="要闻推荐">
                      <ul class="news">
                        <li
                          @click="detailClickLink('1', syNews.ID)"
                          style="display: flex"
                        >
                          <el-carousel height="130px" @change="carouselChange">
                            <el-carousel-item
                              v-for="(item, index) in imgUrl"
                              :key="index"
                            >
                              <el-image
                                :src="item.FASTFILEURL"
                                :fit="'fit'"
                                style="width: 100%; height: 100%"
                              ></el-image>
                            </el-carousel-item>
                          </el-carousel>

                          <div
                            class="txt"
                            style="
                              display: flex;
                              flex-direction: column;
                              justify-content: space-between;
                            "
                          >
                            <el-tooltip :content="syNews.TITLE" transition="zoom-in-center">
                              <p
                                style="
                                  overflow: hidden;
                                  white-space: nowrap;
                                  text-overflow: ellipsis;
                                  margin: 0;
                                "
                              >
                                {{ syNews.TITLE }}
                              </p>
                            </el-tooltip>
                            <p
                              style="text-overflow: -o-ellipsis-lastlineoverflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow:hidden;"
                            >
                              {{ syNews.CONTENT }}
                            </p>
                            <span>/ {{ syNews.PUBLISHDATE }}</span>
                          </div>
                        </li>
                        <li
                          v-for="(item, index) in newsData"
                          :key="index"
                          @click="detailClickLink('1', item.ID)"
                          class="liHove"
                        >
                          <el-tooltip :content="item.TITLE" transition="zoom-in-center">
                            <span class="text_importantNews">
                              {{ item.TITLE }}
                            </span>
                          </el-tooltip>
                          <span
                            class="time_importantNews"
                            :style="
                              switchValue == 'dark'
                                ? 'color:rgba(255, 255, 255, 0.31)'
                                : 'color:rgba(102, 102, 102, 0.57)'
                            "
                          >
                            / {{ item.CREATEDATE }}
                          </span>
                        </li>
                      </ul>
                      <div
                        class="more_process"
                        style="bottom: 15px"
                        @click="newsLink('1')"
                      >
                        更多+
                      </div>
                    </el-tab-pane>
                    <el-tab-pane label="部门动态" name="部门动态">
                      <ul class="others">
                        <li
                          v-for="(item, index) in bmData"
                          :key="index"
                          @click="detailClickLink('9', item.ID)"
                          class="liHove"
                        >
                          <el-tooltip :content="item.TITLE" transition="zoom-in-center">
                            <span class="text_importantNews">
                              {{ item.TITLE }}
                            </span>
                          </el-tooltip>
                          <span
                            class="time_importantNews"
                            :style="
                              switchValue == 'dark'
                                ? 'color:rgba(255, 255, 255, 0.31)'
                                : 'color:rgba(102, 102, 102, 0.57)'
                            "
                          >
                            / {{ item.CREATEDATE }}
                          </span>
                        </li>
                      </ul>
                      <div
                        class="more_process"
                        style="bottom: 15px"
                        @click="newsLink('9')"
                      >
                        更多+
                      </div>
                    </el-tab-pane>
                    <el-tab-pane label="区（市）县局" name="区（市）县局">
                      <ul class="others">
                        <li
                          v-for="(item, index) in qxData"
                          :key="index"
                          @click="detailClickLink('2', item.ID)"
                          class="liHove"
                        >
                          <el-tooltip :content="item.TITLE" transition="zoom-in-center">
                            <span class="text_importantNews">
                              {{ item.TITLE }}
                            </span>
                          </el-tooltip>
                          <span
                            class="time_importantNews"
                            :style="
                              switchValue == 'dark'
                                ? 'color:rgba(255, 255, 255, 0.31)'
                                : 'color:rgba(102, 102, 102, 0.57)'
                            "
                          >
                            / {{ item.CREATEDATE }}
                          </span>
                        </li>
                      </ul>
                      <div
                        class="more_process"
                        style="bottom: 15px"
                        @click="newsLink('2')"
                      >
                        更多+
                      </div>
                    </el-tab-pane>
                  </el-tabs>
                </div>
              </el-col>
              <el-col :span="12">
                <div class="information">
                  <el-tabs v-model="currentName">
                    <!-- <el-tab-pane label="简报信息" name="简报信息">
                      <ul>
                        <li
                          v-for="(item, index) in jbData"
                          :key="index"
                          @click="detailClickLink('4', item.ID)"
                          class="liHove"
                        >
                          <span class="text_information">{{ item.TITLE }}</span>
                          <span class="time_information">
                            / {{ item.CREATEDATE }}
                          </span>
                        </li>
                      </ul>
                      <div class="more_process" style="bottom:15px" @click="newsLink('4')">
                        更多+
                      </div>
                    </el-tab-pane> -->
                    <el-tab-pane label="人事任免" name="人事任免">
                      <ul>
                        <li
                          v-for="(item, index) in rsData"
                          :key="index"
                          @click="detailClickLink('8', item.ID)"
                          class="liHove"
                        >
                          <el-tooltip :content="item.TITLE" transition="zoom-in-center">
                            <span class="text_information">{{
                                item.TITLE
                              }}</span>
                          </el-tooltip>
                          <span
                            class="time_information"
                            :style="
                              switchValue == 'dark'
                                ? 'color:rgba(255, 255, 255, 0.31)'
                                : 'color:rgba(102, 102, 102, 0.57)'
                            "
                          >
                            / {{ item.CREATEDATE }}
                          </span>
                        </li>
                      </ul>
                      <div
                        class="more_process"
                        style="bottom: 15px"
                        @click="newsLink('8')"
                      >
                        更多+
                      </div>
                    </el-tab-pane>
                    <el-tab-pane label="参阅信息" name="参阅信息">
                      <div v-if="cyData.length != 0">
                        <ul>
                          <li
                            v-for="(item, index) in cyData"
                            :key="index"
                            @click="detailClickLink2(item)"
                            class="liHove"
                          >
                            <el-tooltip :content="item.TITLE" transition="zoom-in-center">
                              <span class="text_information">{{
                                  item.TITLE
                                }}</span>
                            </el-tooltip>
                            <span
                              class="time_information"
                              :style="
                                switchValue == 'dark'
                                  ? 'color:rgba(255, 255, 255, 0.31)'
                                  : 'color:rgba(102, 102, 102, 0.57)'
                              "
                            >
                              / {{ item.CREATEDATE }}
                            </span>
                          </li>
                        </ul>
                        <div
                          class="more_process"
                          style="bottom: 15px"
                          @click="newsLink2()"
                        >
                          更多+
                        </div>
                      </div>
                      <div class="empty" v-else>
                        <img
                          :src="
                            switchValue == 'light'
                              ? require('../assets/image/empty.png')
                              : require('../assets/image/empty_black.png')
                          "
                          alt
                          width="75"
                          height="75"
                        />
                        <div>暂无数据</div>
                      </div>
                    </el-tab-pane>
                    <el-tab-pane label="内部公示" name="内部公示">
                      <ul>
                        <li
                          v-for="(item, index) in nbData"
                          :key="index"
                          @click="detailClickLink('5', item.ID)"
                          class="liHove"
                        >
                          <el-tooltip :content="item.TITLE" transition="zoom-in-center">
                            <span class="text_information">{{
                                item.TITLE
                              }}</span>
                          </el-tooltip>
                          <span
                            class="time_information"
                            :style="
                              switchValue == 'dark'
                                ? 'color:rgba(255, 255, 255, 0.31)'
                                : 'color:rgba(102, 102, 102, 0.57)'
                            "
                          >
                            {{ item.CREATE_TIME.split(" ")[0] }}
                          </span>
                        </li>
                      </ul>
                      <div
                        class="more_process"
                        style="bottom: 15px"
                        @click="newsLink('5')"
                      >
                        更多+
                      </div>
                    </el-tab-pane>
                    <el-tab-pane label="公示公告" name="公示公告">
                      <ul>
                        <li
                          v-for="(item, index) in gsData"
                          :key="index"
                          @click="detailClickLink('7', item.ID)"
                          class="liHove"
                        >
                          <el-tooltip :content="item.TITLE" transition="zoom-in-center">
                            <span class="text_information">{{
                                item.TITLE
                              }}</span>
                          </el-tooltip>
                          <span
                            class="time_information"
                            :style="
                              switchValue == 'dark'
                                ? 'color:rgba(255, 255, 255, 0.31)'
                                : 'color:rgba(102, 102, 102, 0.57)'
                            "
                          >
                            / {{ item.CREATEDATE }}
                          </span>
                        </li>
                      </ul>
                      <div
                        class="more_process"
                        style="bottom: 15px"
                        @click="newsLink('7')"
                      >
                        更多+
                      </div>
                    </el-tab-pane>
                  </el-tabs>
                </div>
              </el-col>
            </el-row>
          </el-col>
          <el-col :span="6">
            <div class="system_navigation">
              <el-tabs v-model="activeNameXtdh" class="xtdh_padding">
                <el-tab-pane label="系统导航" name="系统导航">
                  <ul v-if="xtdhIf">
                    <li
                      class="grid"
                      v-for="(item, index) in xtdhData.currentPageData"
                      :key="index"
                      @click="
                        xtdhClick(
                          item.link,
                          item.sysId,
                          item.CHILDS,
                          item.NAME,
                          item.BELONG
                        )
                      "
                    >
                      <div
                        class="grid_box"
                        @mouseleave="movehover"
                        :style="{
                          background:
                            item.BELONG == 1
                              ? '#18A0FB'
                              : item.BELONG == 2
                              ? '#0ACF83'
                              : item.BELONG == 3
                              ? '#FF7262'
                              : '#0085FF',
                        }"
                      >
                        <img :src="item.darkImg" alt/>
                      </div>
                      <el-tooltip :content="item.NAME" transition="zoom-in-center">
                        <p
                          style="
                            width: 70px;
                            text-align: center;
                            margin: 10px 0 0 0;
                          "
                        >
                          {{ item.NAME }}
                        </p>
                      </el-tooltip>

                      <!-- 弹窗数据信息老版本 -->
                      <div
                        v-if="noPower"
                        @mouseenter="noPower = true"
                        @mouseleave="movehover"
                        class="system-navigation-hover-box"
                      >
                        <div class="navigation-content-val">
                          <p style="width: 100% !important">
                            没有权限，无法访问！
                          </p>
                        </div>
                        <div class="navigation-content-btn">
                          <div
                            class="navigation-btn"
                            style="border-radius: 5px"
                            @click.stop="toFWZN"
                          >
                            <p style="width: 100% !important">我知道了</p>
                          </div>
                        </div>
                      </div>
                    </li>
                  </ul>
                  <div v-else class="system_child">
                    <!-- 标题 -->
                    <div class="system_child_item">
                      <span class="title_03">{{ name }}</span>
                      <span class="close" @click="close_c"></span>
                    </div>
                    <!-- 列表 -->
                    <div class="sys_list">
                      <div
                        class="item_c"
                        v-for="item in child"
                        :key="item.name"
                      >
                        <div class="sys_top_box">
                          <div
                            :style="{
                              background:
                                item.BELONG == 1
                                  ? '#18A0FB'
                                  : item.BELONG == 2
                                  ? '#0ACF83'
                                  : item.BELONG == 3
                                  ? '#FF7262'
                                  : '#0085FF',
                            }"
                            :class="[
                              item.IS_WEAKLESS == '1'
                                ? 'top_iconR'
                                : 'top_icon',
                            ]"
                          >
                            <img :src="item.darkImg" alt=""/>
                          </div>
                          <el-tooltip :content="item.name" transition="zoom-in-center">
                            <span class="top_title">{{ item.name }}</span>
                          </el-tooltip>

                          <span class="top_btn" @click="clicklINK(item)"
                          >点击进入</span
                          >
                        </div>
                        <div class="sys_text">
                          <span style="font-size: 16px">技术支持部门：</span>
                          {{ item.jszc ? item.jszc.ZCBM : "" }}，<span
                          style="font-size: 16px"
                        >技术支持人员：</span
                        >
                          {{ item.jszc ? item.jszc.ZCRY : "" }}
                          <span style="font-size: 16px">联系电话:</span>
                          {{ item.jszc ? item.jszc.LXDH : "" }}
                        </div>
                      </div>
                    </div>
                  </div>
                </el-tab-pane>
              </el-tabs>
              <div v-if="xtdhIf" class="system_List" @click="readSystemList">
                信息化服务和保障清单 <span class="icon_right"></span>
              </div>
              <!-- <span class="setting" @click="$router.push('/helpcenter')">服务指南</span> -->
              <!-- <div
                class="left-pagination-btn"
                @click="systemNavigationPrev"
                v-if="xtdhData.curPage != 1"
              >
                <span class="el-icon-arrow-left"></span>
              </div>
              <div
                class="right-pagination-btn"
                @click="systemNavigationNext"
                v-if="xtdhData.curPage < xtdhData.totalPage"
              >
                <span class="el-icon-arrow-right"></span>
              </div> -->
            </div>
          </el-col>
        </el-row>

        <el-row
          :gutter="20"
          class="specialColumn"
          style="padding: 0px; width: 100%"
          id="imgDivId"
        >
          <div id="d1">
            <div id="d12">
              <div
                class="d121 d120"
                v-for="(item, index) in linkImgUrl"
                :key="index"
              >
                <a :href="item.linkUrl" target="_blank">
                  <div class="ddd">
                    <img
                      style="height: 121px"
                      class="dimg"
                      :src="item.src"
                      alt
                    />
                  </div>
                </a>
              </div>
            </div>
          </div>
        </el-row>
        <div class="title" v-if="area == 1">
          <div class="title_text">
            <span class="title-i"></span> <span class="sub">确权登记</span>
            <img src="../assets/image/1000.png"/>
          </div>
          <div
            class="expand_statistics"
            v-if="!isQqdhRef"
            @click="opCloChart('qqdhRef')"
          >
            展开统计
            <img src="../assets/image/图标 43.png" alt/>
          </div>
          <div
            class="expand_statistics"
            v-if="isQqdhRef"
            @click="opCloChart('qqdhRef')"
          >
            收起统计
            <img src="../assets/image/图标 43.png" alt/>
          </div>
          <div style="clear: both"></div>
        </div>
        <div v-if="area == 1">
          <el-row
            :gutter="7"
            style="padding: 0px !important; margin-left: 0 !important"
            v-show="isQqdhRef"
          >
            <el-col :span="6" style="padding-right: 4.5px !important">
              <div class="registration">
                <div style="color: #fff; font-size: 18px" class="jrslBox">
                  <div>
                    <div class="chartNum">
                      <div class="orderTitle" style="font-size: 18px">
                        今日不动产受理量
                      </div>
                      <div class="box-item">
                        <li
                          :class="!isNaN(item) ? 'number-item' : 'mark-item'"
                          v-for="(item, index) in orderNum"
                          :key="index"
                        >
                          <span>{{ item }}</span>

                          <!-- <div v-if="chrome">
                        <span v-if="!isNaN(item)">
                          <i ref="numberItem">0123456789</i>
                        </span>
                        <span class="comma" style="color:#fff" v-else>{{ item }}</span>
                      </div> -->
                        </li>
                      </div>
                      <!-- <div class="box-item" v-if="chrome">
                      <li
                        :class="{
                          'number-item': !isNaN(item),
                          'mark-item': isNaN(item),
                        }"
                        v-for="(item, index) in orderNum"
                        :key="index"
                      >
                        <span v-if="!isNaN(item)">
                          <i ref="numberItem">0123456789</i>
                        </span>
                        <span class="comma" v-else>{{ item }}</span>
                      </li>
                    </div> -->
                    </div>
                  </div>
                </div>
                <!-- <ul>
                  <li>
                    <div>
                      {{
                        jrslData.newData["一圈层"]
                          ? jrslData.newData["一圈层"]
                          : 0
                      }}件
                    </div>
                    <span>一圈层(5+2)</span>
                  </li>
                  <li>
                    <div>
                      {{
                        jrslData.newData["二圈层"]
                          ? jrslData.newData["二圈层"]
                          : 0
                      }}件
                    </div>
                    <span>二圈层(7)</span>
                  </li>
                  <li>
                    <div>
                      {{
                        jrslData.newData["三圈层"]
                          ? jrslData.newData["三圈层"]
                          : 0
                      }}件
                    </div>
                    <span>三圈层(8)</span>
                  </li>
                </ul> -->
                <div style="width:100%;height:1px;margin-top: 30px;"
                     :style="switchValue=='dark'?'border-top:1px solid rgb(48 57 112);':'border-top:1px solid rgb(255 255 255);'"></div>
                <div class="registration_grid">
                  <!-- <p style="color: #fff; margin: 10px 0; font-size: 18px">
                    市本级办证点实时排号情况
                  </p> -->
                  <vue-seamless-scroll :data="bldData" :class-option="optionSingleHeightTime" class="seamless-warp">
                    <el-tag
                      v-for="item in bldData"
                      :key="item['办理点']"
                      style="
                      display: flex;
                      align-items: center;
                      justify-content: space-between;
                    "
                    >
                      <span class="gridTit">{{ item.QXMC }}：</span>
                      <!-- <span>{{ item["已叫号数量"] }}人已叫号</span> -->
                      <span style="display: flex; align-items: center"
                      >已受理{{ item.NCOUNT }}件
                        <!-- <div
                          style="
                            width: 5px;
                            height: 5px;
                            border-radius: 50%;
                            background: red;
                            margin-left: 5px;
                          "
                        ></div> -->
                      </span>
                      <!-- <div class="ciron"></div> -->
                    </el-tag>
                  </vue-seamless-scroll>
                </div>
              </div>
            </el-col>
            <el-col
              :span="18"
              style="
                padding-right: 0 !important;
                padding-left: 2px !important;
                position: relative;
              "
            >
              <div
                style="position: absolute; z-index: 998; right: 20px; top: 15px"
              >
                <!-- <el-select
              v-model="newType"
              placeholder
              @change="newgetChartsData"
            >
              <el-option
                v-for="item in newTimeData"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              ></el-option>
            </el-select> -->
                <!-- <el-radio-group
                  size="medium"
                  v-model="newType"
                  @change="newgetChartsData"
                >
                  <el-radio
                    v-for="(item, index) in newTimeData"
                    :key="index"
                    :label="item.value"
                    >{{ item.label }}</el-radio
                  >
                </el-radio-group> -->
                <!-- <el-radio-group v-model="newType"  @change="newgetChartsData">
                  <el-radio-button v-for="item in newTimeData" :key="item.value" :label="item.label"></el-radio-button>
                </el-radio-group> -->
                <el-button v-if="activeNameSldb=='耗时情况'" type="primary" size="small" round @click="getMore">更多></el-button>
              </div>

              <el-row>
                <el-col :span="24">
                  <div class="register">
                    <el-tabs
                      v-model="activeNameSldb"
                      @tab-click="registerClick"
                    >
                      <el-tab-pane
                        label="耗时情况"
                        name="耗时情况"
                        style="position: relative;min-height:95%"
                      >
                        <div class="dxyw-module-box">
                          <ul class="dxyw-list-box">
                            <li
                              class="dxyw-list-item"
                              v-for="(item, index) in hsycData"
                              :key="index"
                            >
                              <p class="dxyw-name" style="font-size:15px">{{ item.name }}</p>
                              <div class="dxyw-count-box">
                                <div>
                                  <div style="padding:0;display:flex">
                                    <p class="text" style="padding-right: 20px;">办结量</p>
                                    <p
                                      class="count"
                                      :class="
                                        switchValue == 'dark'
                                          ? 'color_FBE963'
                                          : 'color_57A6F3'
                                      "
                                    >
                                      {{ item["办结量"] }}
                                    </p>
                                  </div>
                                  <div style="padding:0;display:flex;justify-content:space-between;">
                                    <p class="text" style="padding-right:5px">按时办结率</p>
                                    <p
                                      class="count"
                                      :class="
                                        switchValue == 'dark'
                                          ? 'color_FBE963'
                                          : 'color_57A6F3'
                                      "

                                    >
                                      {{ item["按时办结率"] }}%
                                    </p>
                                    <!-- <p
                                     class="count"
                                     :class="
                                       switchValue == 'dark'
                                         ? 'color_FBE963'
                                         : 'color_57A6F3'
                                     "
                                     v-else
                                   >
                                     100%
                                   </p> -->
                                  </div>


                                </div>
                                <div>
                                  <p
                                    class="count"
                                    :class="
                                      switchValue == 'dark'
                                        ? 'color_FBE963'
                                        : 'color_57A6F3'
                                    "
                                  >
                                    {{ item["在办积压"] }}
                                  </p>
                                  <p class="text">在办积压</p>
                                  <span class="cion"></span>
                                </div>
                              </div>
                            </li>
                            <li
                              class="list"
                              v-for="item in row - (hsycData.length % row)"
                              :key="item.name"
                            ></li>
                          </ul>
                        </div>
                        <!-- <el-empty description="暂无数据" v-if="hsycData.length==0"></el-empty> -->
                        <!-- <div class="time" style="text-align: right!important;">{{ hsyctjsj }}</div> -->
                        <div class="time" style="text-align: right!important;position: absolute;right:0;bottom: 0;">
                          {{ hsyctjsj }}
                        </div>
                      </el-tab-pane>
                      <el-tab-pane
                        label="典型业务"
                        name="典型业务"
                        style="position: relative"
                      >
                        <div id="registerddxyw_echart"></div>
                        <div class="time">统计时间:{{ fiveago }}至{{ todaysj }}</div>
                      </el-tab-pane>
                      <el-tab-pane
                        label="受理登簿"
                        name="受理登簿"
                        style="position: relative"
                      >
                        <div
                          style="
                            position: absolute;
                            left: 26%;
                            top: 12%;
                            z-index: 998;
                            display: flex;
                            padding: 0 40px;
                            font-size: 16px;
                            width: 44%;
                            justify-content: space-around;
                          "
                          :style="
                            switchValue == 'dark' ? 'color:#FFF' : 'color:#666'
                          "
                        >
                          <p v-if="acceptSum">
                            全市受理：<span>{{ acceptSum }}</span
                          >万件
                          </p>
                          <p v-if="logSum">
                            登簿：<span>{{ logSum }}</span
                          >万件
                          </p>
                          <p v-if="rjslsum">
                            日均受理：<span>{{ rjslsum }}</span
                          >万件
                          </p>
                        </div>
                        <div id="register_echart"></div>
                        <div class="time">{{ sldbtjsj }}</div>
                        <div class="date">
                          <span @click="initRegister(sldbDatadate, 0)">日</span>
                          <span @click="initRegister(sldbDatamonth, 1)"
                          >月</span
                          >
                          <span @click="initRegister(sldbDatayear, 2)">年</span>
                        </div>
                      </el-tab-pane>
                      <!-- <el-tab-pane
                      label="耗时异常"
                      name="耗时异常"
                      style="position: relative"
                    >
                      <div id="registerdhsyc_echart"></div>
                      <div class="time">统计时间：{{ beforeMounth }}</div>
                    </el-tab-pane> -->
                      <!-- <el-tab-pane label="功能上线" name="功能上线">
                      <div
                        style="
                          display: flex;
                          align-items: center;
                          justify-content: flex-end;
                        "
                      >
                        <div
                          style="
                            display: flex;
                            align-items: center;
                            margin-right: 10px;
                          "
                        >
                          <div
                            style="
                              width: 40px;
                              height: 15px;
                              background: rgb(229, 242, 254);
                              margin-right: 5px;
                            "
                          ></div>
                          <p style="font-size: 12px; color: rgb(132, 133, 141)">
                            未上线
                          </p>
                        </div>
                        <div style="display: flex; align-items: center">
                          <div
                            style="
                              width: 40px;
                              height: 15px;
                              background: rgb(250, 173, 20);
                              margin-right: 5px;
                            "
                          ></div>
                          <p style="font-size: 12px; color: rgb(132, 133, 141)">
                            已上线
                          </p>
                        </div>
                      </div>
                      <div class="gnsx-table-box">
                        <el-table
                          :data="gnsxData"
                          border
                          style="width: 100%"
                          height="450"
                          ref="gnsxDataTable"
                        >
                          <el-table-column
                            v-for="(item, index) in gnsxTableLabel"
                            :key="index"
                            :prop="item.prop"
                            :label="item.label"
                            :width="item.width"
                          >
                            <template slot-scope="scope">
                              <div
                                v-if="scope.row[item.label] == 0"
                                style="
                                  width: 40px;
                                  height: 15px;
                                  background: rgb(229, 242, 254);
                                "
                              ></div>
                              <div
                                v-else-if="scope.row[item.label] == 1"
                                style="
                                  width: 40px;
                                  height: 15px;
                                  background: rgb(250, 173, 20);
                                "
                              ></div>
                              <div v-else>{{ scope.row[item.label] }}</div>
                            </template>
                          </el-table-column>
                        </el-table>
                      </div>
                      <div class="gnsx-hint-table">
                        <p>
                          说明：根据区（市）县上报市局调查登记处数据展示“互联网+不动产登记”功能上线情况
                        </p>
                      </div> </el-tab-pane
                    > -->
                    </el-tabs>
                  </div>
                </el-col>
              </el-row>
            </el-col>
          </el-row>
        </div>
        <div class="title">
          <div class="title_text">
            <span class="title-i"></span>
            <span class="sub">工程建设审批与监测</span>
            <img src="../assets/image/1000.png"/>
          </div>
          <div
            class="expand_statistics"
            v-if="!isGjggRef"
            @click="opCloChart('gjggRef')"
          >
            展开统计
            <img src="../assets/image/图标 43.png" alt/>
          </div>
          <div class="expand_statistics" v-else @click="opCloChart('gjggRef')">
            收起统计
            <img src="../assets/image/图标 43.png" alt/>
          </div>
          <div style="clear: both"></div>
        </div>
        <el-row
          :gutter="7"
          p
          v-show="isGjggRef"
          style="margin-left: 0 !important"
        >
          <el-col :span="6" style="padding-left: 0 !important">
            <div class="reform" style="margin-left: 4px !important">
              <div class="tag_registration">
                <div class="title_registration">本月在办情况:</div>
                <div class="teg_flex">
                  <div class="tag">
                    <span class="left_text">在办数</span>
                    <span class="right_count">{{
                        gjggdqzbqk.length > 0 ? gjggdqzbqk[0]["办理数"] : 0
                      }}</span>
                  </div>

                  <div class="tag">
                    <span class="left_text">挂起数</span>
                    <span class="right_count">{{
                        gjggdqzbqk.length > 0 ? gjggdqzbqk[0]["挂起数"] : 0
                      }}</span>
                  </div>
                </div>
                <div class="teg_flex">
                  <div class="tag">
                    <span class="left_text">退件数</span>
                    <span class="right_count">{{
                        gjggdqzbqk.length > 0 ? gjggdqzbqk[0]["退件数"] : 0
                      }}</span>
                  </div>
                  <div class="tag">
                    <span class="left_text">超时数</span>
                    <span class="right_count color_FBE963">{{
                        gjggdqzbqk.length > 0 ? gjggdqzbqk[0]["超时数"] : 0
                      }}</span>
                  </div>
                </div>
                <!-- <div class="tag">
                  <span class="left_text">供地面积</span>
                  <span
                    class="right_count"
                  >{{gjggdqzbqk.length>0?gjggdqzbqk[0]['供地面积'].toFixed(2):0}}公顷</span>
                </div>-->
                <div class="tag">
                  <span class="left_text">用地面积</span>
                  <span class="right_count" v-if="gjggdqzbqk.length>0&&gjggdqzbqk[0]&&gjggdqzbqk[0]['用地面积']"
                  >{{
                      parseInt(gjggdqzbqk[0]["用地面积"]).toFixed(2)
                    }}公顷</span
                  >
                  <span class="right_count" v-else>0公顷</span>
                </div>
                <div class="tag">
                  <span class="left_text">建筑面积</span>
                  <span class="right_count" v-if="gjggdqzbqk.length>0&&gjggdqzbqk[0]&&gjggdqzbqk[0]['建筑面积']"
                  >{{
                      parseInt(gjggdqzbqk[0]["建筑面积"]).toFixed(2)
                    }}公顷</span
                  >
                  <span class="right_count" v-else>0公顷</span>
                </div>
              </div>

              <div class="tag_registration">
                <div class="title_registration">本月发证（函）情况：</div>
                <template>
                  <div class="tag">
                    <span class="left_text">发证数</span>
                    <span class="right_count">{{ fzstotal }}本</span>
                  </div>
                  <div class="tag" v-if="mhbygjfzJzl.length > 0">
                    <span class="left_text">{{ mhbygjfzJzl[0].TYPE }}</span>
                    <span class="right_count"
                    >{{ mhbygjfzJzl[0].COUNT }}本</span
                    >
                  </div>
                  <div class="tag" v-if="mhbygjfzSzl.length > 0">
                    <span class="left_text">{{ mhbygjfzSzl[0].TYPE }}</span>
                    <span class="right_count"
                    >{{ mhbygjfzSzl[0].COUNT }}本</span
                    >
                  </div>
                  <!-- <div class="tag tag_zhcc" v-if="mhbygjfzJzl.length > 0">
                    <span class="left_text"> 报建方案技术复核抽中</span>
                    <span class="right_count">{{ gjjscc[0].COUNT }}本</span>
                  </div> -->
                  <div
                    class="tag"
                    v-for="(item, index) in mhbygjfz"
                    :key="index"
                  >
                    <span class="left_text">{{ item.TYPE }}</span>
                    <span class="right_count">{{ item.COUNT }}本</span>
                  </div>
                  <div class="tag">
                    <span class="left_text">平均办理时间</span>
                    <span class="right_count color_FBE963">{{ pjblsj }}天</span>
                  </div>
                </template>
                <!-- <template>
                  <div class="tag">
                    <span class="left_text">发证数</span>
                    <span class="right_count">0本</span>
                  </div>
                  <div class="tag">
                    <span class="left_text">建筑类</span>
                    <span class="right_count">0本</span>
                  </div>
                  <div class="tag tag_zhcc">
                    <span class="left_text">· 报建方案技术复核抽中</span>
                    <span class="right_count">{{gjjscc.length>0?gjjscc[0].COUNT:0}}本</span>
                  </div>
                  <div class="tag">
                    <span class="left_text">市政类</span>
                    <span class="right_count">0本</span>
                  </div>
                  <div class="tag">
                    <span class="left_text">平均办理时间</span>
                    <span class="right_count color_FBE963">{{pjblsj}}天</span>
                  </div>
                </template>-->
              </div>
            </div>
          </el-col>
          <el-col :span="18" style="padding-right: 0 !important">
            <el-row :gutter="7">
              <el-col :span="24">
                <div class="architecture">
                  <el-form
                    :inline="true"
                    :model="formInline"
                    class="demo-form-inline"
                  >
                    <el-form-item label="行政区">
                      <el-select
                        v-model="formInline.region"
                        placeholder
                        :disabled="
                          regionId == 510100 || regionId == 510101
                            ? false
                            : true
                        "
                        @change="select"
                      >
                        <el-option
                          v-for="item in regien"
                          :key="item.REGIONCODE"
                          :label="item.REGIONNAME"
                          :value="item.REGIONCODE"
                        ></el-option>
                      </el-select>
                    </el-form-item>
                    <el-form-item label="统计时间">
                      <el-select
                        v-model="formInline.time"
                        placeholder
                        @change="select"
                      >
                        <el-option label="截止昨日" value="0"></el-option>
                        <el-option label="最近一月" value="1"></el-option>
                        <el-option label="最近一年" value="2"></el-option>
                      </el-select>
                    </el-form-item>
                  </el-form>
                  <el-tabs v-model="activeNameJzl">
                    <el-tab-pane label="建筑类" name="建筑类">
                      <ul class="item_architecture">
                        <li v-for="(item, index) in gjggJzlData" :key="index">
                          <div class="header_architecture">
                            <span class="head_icon"></span>&nbsp;
                            {{ item.name }}
                          </div>
                          <div class="body_architecture">
                            <div class="project">
                              发证（函）数({{ item.PROJECT_NUM }})
                            </div>
                            <p
                              class="project_item"
                              v-for="(i, ind) in item['项目']"
                              :key="ind"
                            >
                              <el-tooltip :content="i.name" placement="top" transition="zoom-in-center">
                            <p class="projectTit">{{ i.name }}</p>
                            </el-tooltip>

                            <span>{{ i.count }}</span>
                            </p>
                          </div>
                          <div class="body_architect">
                            <div class="project">
                              在办件({{ item.HANDLE_NUM }})
                            </div>
                            <p v-for="(ele, idx) in item['在办件']" :key="idx">
                              {{ ele.name }}
                              <span
                                :class="
                                  ele.name == '即将超期'
                                    ? 'project_jjcq'
                                    : 'project_ycq'
                                "
                              >{{ ele.count }}</span
                              >
                            </p>
                          </div>
                        </li>
                      </ul>
                    </el-tab-pane>
                  </el-tabs>
                </div>
              </el-col>
            </el-row>
            <el-row :gutter="7">
              <el-col :span="24">
                <div class="architecture">
                  <el-tabs v-model="activeNameBjtj">
                    <el-tab-pane label="市政类" name="市政类">
                      <ul class="item_architecture">
                        <li v-for="(item, index) in gjggSzlData" :key="index">
                          <div class="header_architecture">
                            <span class="head_icon"></span>&nbsp;{{ item.name }}
                          </div>
                          <div class="body_architecture">
                            <div class="project">
                              发证（函）数({{ item.PROJECT_NUM }})
                            </div>
                            <p
                              class="project_item"
                              v-for="(i, ind) in item['项目']"
                              :key="ind"
                            >
                              {{ i.name }}
                              <span>{{ i.count }}</span>
                            </p>
                          </div>
                          <div class="body_architect">
                            <div class="project">
                              在办件({{ item.HANDLE_NUM }})
                            </div>
                            <p v-for="(ele, idx) in item['在办件']" :key="idx">
                              {{ ele.name }}
                              <span
                                :class="
                                  ele.name == '即将超期'
                                    ? 'project_jjcq'
                                    : 'project_ycq'
                                "
                              >{{ ele.count }}</span
                              >
                            </p>
                          </div>
                        </li>
                      </ul>
                    </el-tab-pane>
                  </el-tabs>
                </div>
              </el-col>
            </el-row>
          </el-col>
        </el-row>
        <div class="title">
          <div class="title_text">
            <span class="title-i"></span>
            <span class="sub">建设用地报批与监测</span>
            <img src="../assets/image/1000.png"/>
          </div>
          <div
            class="expand_statistics"
            v-if="!isJsydbpjgRef"
            @click="opCloChart('jsydbpjgRef')"
          >
            展开统计
            <img src="../assets/image/图标 43.png" alt/>
          </div>
          <div
            class="expand_statistics"
            v-else
            @click="opCloChart('jsydbpjgRef')"
          >
            收起统计
            <img src="../assets/image/图标 43.png" alt/>
          </div>
          <div style="clear: both"></div>
        </div>
        <el-row :gutter="7" style="margin-bottom: 0px" v-show="isJsydbpjgRef">
          <el-col :span="24" style="left: 8px">
            <el-row
              :gutter="7"
              style="margin-left: 0 !important; display: flex"
            >
              <el-col
                :span="15"
                style="
                  margin-left: 0 !important;
                  padding-left: 0 !important;
                  padding-right: 0 !important;
                  display: inline-flex;
                "
              >
                <div class="dealtWith" style="margin-left: 0px !important">
                  <el-tabs v-model="activeNameDbyw">
                    <el-tab-pane label="会审情况" name="会审情况">
                      <div class="cshs-module-box">
                        <ul class="cshs-list-box">
                          <li
                            class="cshs-list-item"
                            v-for="item in jsydbpData.cshs"
                            :key="item.name"
                            :class="item['会审数'] == 0 ? 'color_gray' : ''"
                          >
                            <div
                              class="cshs-name"
                              :class="item['会审数'] == 0 ? 'color_gray' : ''"
                            >
                              <p>{{ item["处室名称"] }}</p>
                            </div>
                            <div class="cshs-val">
                              <div
                                style="
                                  display: flex;
                                  margin-right: 7px;
                                  align-items: center;
                                "
                              >
                                <p>正在办理</p>
                                <p class="wwc-val">{{ item["会审数"] }}</p>
                              </div>
                              <div style="display: flex; align-items: center">
                                <p>平均耗时</p>
                                <p>{{ item["会审时间"] }}</p>
                              </div>
                            </div>
                          </li>
                        </ul>
                      </div>
                    </el-tab-pane>
                  </el-tabs>
                </div>
              </el-col>
              <el-col
                :span="9"
                :style="
                  switchValue == 'dark'
                    ? 'background:rgba(37, 43, 90, 0.88)'
                    : 'background:#FFF'
                "
                style="width: 36.5%; margin-left: 13px; display: inline-flex"
              >
                <el-tabs
                  class="dealtWith"
                  v-model="activebjqk"
                  style="padding: 0 28px 22px"
                >
                  <el-tab-pane label="报件情况统计" name="报件情况统计">
                    <div style="display: flex; flex-direction: column">
                      <div
                        style="
                          display: flex;
                          padding: 12px 0;
                          justify-content: space-between;
                        "
                      >
                        <div
                          :style="
                            switchValue == 'dark' ? 'color:#FFF;' : 'color:#333'
                          "
                          style="
                            display: flex;
                            align-items: flex-end;
                            justify-content: space-between;
                          "
                        >
                          <p style="margin: 0">共报件</p>
                          <p
                            style="margin: 0; font-size: 20px; font-weight: 600"
                          >
                            {{ bjSum }}
                          </p>
                          <p style="margin: 0">件</p>
                        </div>
                        <div
                          :style="
                            switchValue == 'dark'
                              ? 'color:rgba(255,255,255,0.25)'
                              : 'color:rgba(51,51,51,0.4)'
                          "
                        >
                          截至时间：{{ bjTime }}
                        </div>
                      </div>
                      <div
                        style="display: flex; justify-content: space-between"
                      >
                        <div
                          class="leftbox"
                          :style="
                            switchValue == 'dark' ? 'color:#FFF;' : 'color:#333'
                          "
                        >
                          <div
                            class="leftItem"
                            style="display: flex; align-items: center"
                            :style="index >= 2 ? 'cursor:default' : ''"
                            @click="bjClick(index)"
                            :class="activebjItem == index ? 'active' : ''"
                            v-for="(item, index) in bjItem"
                            :key="index"
                          >
                            <p class="leftTit">{{ item.name }}</p>
                            <div
                              style="
                                display: flex;
                                align-items: baseline;
                                position: relative;
                              "
                            >
                              <p style="font-size: 20px; font-weight: 600">
                                {{ item.num }}
                              </p>
                              <p class="leftTit">件</p>
                              <img
                                v-if="
                                  activebjItem == index && switchValue == 'dark'
                                "
                                style="
                                  position: absolute;
                                  width: 10px;
                                  height: 15px;
                                  right: -10px;
                                  top: 6px;
                                "
                                src="../assets/image/right_dark.png"
                                alt=""
                              />
                              <img
                                v-if="
                                  activebjItem == index &&
                                  switchValue == 'light'
                                "
                                style="
                                  position: absolute;
                                  width: 10px;
                                  height: 15px;
                                  right: -10px;
                                  top: 6px;
                                "
                                src="../assets/image/right_light.png"
                                alt=""
                              />
                            </div>

                            <!-- <img   :src="switchValue=='dark'?'../assets/image/right_dark.png':'../assets/image/right_light.png'" alt=""> -->
                          </div>
                        </div>
                        <div
                          class="rightBox"
                          :style="
                            switchValue == 'dark' ? 'color:#FFF;' : 'color:#333'
                          "
                        >
                          <div class="rightItem">
                            <p>市局技术审查</p>
                            <div>
                              {{ bjData[activebjItem].sjjssh }}<span>件</span>
                            </div>
                          </div>
                          <div class="rightItem">
                            <p>市局行政审查</p>
                            <div>
                              {{ bjData[activebjItem].sjxzsh }}<span>件</span>
                            </div>
                          </div>
                          <div
                            class="rightItem"
                            v-if="bjData[activebjItem].stjssh"
                          >
                            <p>省厅技术审查</p>
                            <div>
                              {{ bjData[activebjItem].stjssh }}<span>件</span>
                            </div>
                          </div>
                          <div
                            class="rightItem"
                            v-if="bjData[activebjItem].stxzsh"
                          >
                            <p>省厅行政审查</p>
                            <div>
                              {{ bjData[activebjItem].stxzsh }}<span>件</span>
                            </div>
                          </div>
                          <div
                            class="rightItem"
                            v-if="bjData[activebjItem].sjba"
                          >
                            <p>备案</p>
                            <div>
                              {{ bjData[activebjItem].sjba }}<span>件</span>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </el-tab-pane>
                </el-tabs>
              </el-col>
            </el-row>
            <el-row style="width: 100%; margin-left: 0 !important">
              <el-col :span="24" style="padding-right: 0 !important">
                <el-row style="margin-left: 0 !important; display: flex;margin-bottom:0!important">
                  <el-col :span="15" style="display: inline-flex">
                    <div
                      class="jointTrial dealtWith"
                      style="margin-left: 0 !important"
                    >
                      <el-tabs v-model="activeNameCshs" @tab-click="jsydClick">
                        <el-tab-pane label="报件跟踪" name="报件跟踪">
                          <div id="jointTrialBjgz_echart"></div>
                          <div class="time">{{ bjgztjsj }}</div>
                        </el-tab-pane>
                        <el-tab-pane label="上报省厅情况" name="上报客厅情况">
                          <div id="jointTrialSbst_echart"></div>
                          <div class="time">{{ sbsttjsj }}</div>
                        </el-tab-pane>
                        <el-tab-pane label="报件质量" name="报件质量">
                          <div id="jointTrialBjzl_echart"></div>
                          <div class="time">{{ bjzltjsj }}</div>
                        </el-tab-pane>
                      </el-tabs>
                    </div>
                  </el-col>
                  <el-col
                    :span="9"
                    :style="
                      switchValue == 'dark'
                        ? 'background-color:rgba(37, 43, 90, 0.88);'
                        : 'background-color:#FFF'
                    "
                    style="
                      margin-left: 13px;
                      display: inline-flex;
                      width: 36.5%;
                    "
                  >
                    <div class="dealtWith">
                      <el-tabs v-model="activeNameGzbj">
                        <el-tab-pane label="办理情况统计" name="报件跟踪统计">
                          <ul style="margin-left: 10px">
                            <li class="deal_grid">
                              <div class="deal_grid_box">
                                <img src="../assets/image/图标 508.svg" alt/>
                              </div>
                              <div class="deal_text">
                                <div class="deal_count">
                                  {{
                                    jsydbpData.blgztj.length > 0
                                      ? jsydbpData.blgztj[0]["待组卷"]
                                      : 0
                                  }}
                                </div>
                                <div class="deal_words">待组卷</div>
                              </div>
                              <!-- <i class="el-icon-caret-right"></i> -->
                              <img
                                v-if="switchValue == 'dark'"
                                src="../assets/image/rightIcon.png"
                                alt=""
                              />
                              <img
                                v-else
                                src="../assets/image/rightDarkIcon.png"
                                alt=""
                              />
                            </li>
                            <li class="deal_grid">
                              <div class="deal_grid_box">
                                <img src="../assets/image/图标 508.svg" alt/>
                              </div>
                              <div class="deal_text">
                                <div class="deal_count">
                                  {{
                                    jsydbpData.blgztj.length > 0
                                      ? jsydbpData.blgztj[0]["待受理"]
                                      : 0
                                  }}
                                </div>
                                <div class="deal_words">待受理</div>
                              </div>
                              <!-- <i class="el-icon-caret-right"></i> -->
                              <img
                                v-if="switchValue == 'dark'"
                                src="../assets/image/rightIcon.png"
                                alt=""
                              />
                              <img
                                v-else
                                src="../assets/image/rightDarkIcon.png"
                                alt=""
                              />
                            </li>
                            <li class="deal_grid">
                              <div class="deal_grid_box">
                                <img src="../assets/image/图标 508.svg" alt/>
                              </div>
                              <div class="deal_text">
                                <div class="deal_count">
                                  {{
                                    jsydbpData.blgztj.length > 0
                                      ? jsydbpData.blgztj[0]["待审核"]
                                      : 0
                                  }}
                                </div>
                                <div class="deal_words">待审核</div>
                              </div>
                              <!-- <i class="el-icon-caret-right"></i> -->
                              <img
                                v-if="switchValue == 'dark'"
                                src="../assets/image/rightIcon.png"
                                alt=""
                              />
                              <img
                                v-else
                                src="../assets/image/rightDarkIcon.png"
                                alt=""
                              />
                            </li>
                            <!-- <li class="deal_grid">
                          <div class="deal_grid_box">
                            <img src="../assets/image/图标 508.svg" alt />
                          </div>
                          <div class="deal_text">
                            <div class="deal_count">88%</div>
                            <div class="deal_words">退件/补正率</div>
                          </div>
                          <i class="el-icon-caret-right" style="margin-left: 26px"></i>
                        </li>-->
                          </ul>
                        </el-tab-pane>
                      </el-tabs>
                      <!-- <div
                    class="blhs"
                    @click="handleClickblhs('建设用地-办理耗时统计')"
                  >
                    办理耗时统计
                  </div> -->
                    </div>
                  </el-col>
                </el-row>
              </el-col>
            </el-row>
          </el-col>
        </el-row>
        <div class="title">
          <div class="title_text">
            <span class="title-i"></span> <span class="sub">综合事务</span>
            <img src="../assets/image/1000.png"/>
          </div>
          <div
            class="expand_statistics"
            v-if="!isZhywRef"
            @click="opCloChart('zhyw')"
          >
            展开统计
            <img src="../assets/image/图标 43.png" alt/>
          </div>
          <div class="expand_statistics" v-else @click="opCloChart('zhyw')">
            收起统计
            <img src="../assets/image/图标 43.png" alt/>
          </div>
          <div style="clear: both"></div>
        </div>
        <el-row
          :gutter="7"
          v-show="isZhywRef"
          style="margin-left: 0px !important"
        >
          <el-col :span="6">
            <div
              class="registration_business"
              style="margin-left: 0 !important"
            >
              <div class="tag_registration">
                <!-- <div class="title_registration">待办业务</div> -->
                <div class="jryp-box">
                  <p>今日阅批：</p>
                  <div class="jryp-number-box">
                    <span
                      v-for="(item, index) in String(jryp).split('')"
                      :key="index"
                    >{{ item }}</span
                    >
                  </div>
                  <p>件·次</p>
                </div>
                <div class="jryp-footer-box">
                  <div class="jryp-item">
                    <p>{{ bysl }}件</p>
                    <p>本月收文</p>
                  </div>
                  <div class="jryp-item">
                    <p>{{ cqwbj }}件</p>
                    <p>到期在办</p>
                  </div>
                </div>
              </div>
              <div class="tag_registration">
                <div class="title_registration">督办</div>
                <div class="jryp-module-box">
                  <div class="first-label-box">
                    <p>在办：</p>
                    <p v-if="dbJrsl">
                      {{ dbJrsl["总计未办结"] }}项
                      <span></span>
                    </p>
                    <p v-else>0项</p>
                  </div>
                  <div class="erji-label-box">
                    <p>其中超期：</p>
                    <p v-if="dbJrsl">{{ dbJrsl["总计超期未办结"] }}项
                    </p>
                    <p v-else>0项</p>
                  </div>
                </div>
              </div>
              <div class="tag_registration">
                <div class="jryp-module-box">
                  <div class="first-label-box">
                    <p>本月新增：</p>
                    <p>
                      {{ duBan.length > 0 ? duBan[0]["新增立项"] : 0 }}项
                      <span></span>
                    </p>
                  </div>
                  <div class="erji-label-box">
                    <p>其中签收：</p>
                    <p>{{ duBan.length > 0 ? duBan[0]["目标签收"] : 0 }}项</p>
                  </div>
                </div>
                <!-- <div class="tag">
                  <span class="left_text">目标项目</span>
                  <span class="right_count">{{ duBan[0]["目标签收"] }}</span>
                </div> -->
              </div>
              <div class="tag_registration" style="border: 0">
                <div class="first-label-box">
                  <p>本月已办结：</p>
                  <p v-if="duBan.length>0&&duBan[0]['事项办结']">
                    {{ duBan[0]["事项办结"] }}项
                    <span></span>
                  </p>
                </div>
              </div>
              <!-- <div class="tag_registration" style="border: 0">
                <div class="jryp-module-box">
                  <div class="first-label-box">
                    <p>本月新增：</p>
                    <p>{{ duBan[0]["新增立项"] }}项 <span></span></p>
                  </div>
                  <div class="erji-label-box">
                    <p>处室签收：</p>
                    <p>{{ duBan[0]["目标签收"] }}项</p>
                  </div>
                  <div class="erji-label-box">
                    <p>已办结：</p>
                    <p>{{ duBan[0]["事项办结"] }}项</p>
                  </div>
                </div>
              </div> -->
            </div>
          </el-col>
          <el-col :span="18">
            <el-row>
              <el-col :span="24">
                <div
                  class="seleBox"
                  v-if="activeNameZhyw == '发文统计'"
                  style="
                    position: absolute;
                    display: flex;
                    align-items: center;
                    right: 29px;
                    top: 8px;
                    z-index: 998;
                  "
                >
                  <p
                    style="font-size: 14px; padding-right: 10px"
                    :style="switchValue == 'dark' ? 'color:#fff' : 'color:#666'"
                  >
                    年份
                  </p>
                  <el-select
                    v-model="yearType"
                    placeholder
                    @change="getChartsData"
                  >
                    <el-option
                      v-for="item in YearData"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                    ></el-option>
                  </el-select>
                </div>
                <div class="statistics">
                  <el-tabs v-model="activeNameZhyw" @tab-click="zhywClick">
                    <el-tab-pane
                      label="发文统计"
                      name="发文统计"
                      style="position: relative"
                    >
                      <!-- <div id="statisticsfwtj_echart"></div> -->
                      <el-table
                        :data="tableData"
                        :header-cell-style="
                          switchValue == 'dark'
                            ? 'background-color: #18418d;color:#FFF'
                            : 'background-color:#FFF;color:#999'
                        "
                        :cell-style="
                          switchValue == 'dark'
                            ? 'background-color: #262a54;width:10%'
                            : 'background-color:#FFF;color:#999;width:10%'
                        "
                        height="500"
                        class="table"
                        :class="switchValue + '-table'"
                        :style="
                          switchValue == 'dark'
                            ? 'width: 100%;padding:10px;background-color: #262a54'
                            : 'width: 100%;padding:10px;background-color: #ffffff'
                        "
                      >
                        <el-table-column prop="name" label="" width="90">
                        </el-table-column>
                        <el-table-column
                          prop="1"
                          width="50"
                          label="1月"
                          align="center"
                        >
                          <template slot-scope="scope">
                            <p v-if="!scope.row[1]">-</p>
                            <p v-else>{{ scope.row[1] }}</p>
                          </template>
                        </el-table-column>
                        <el-table-column
                          prop="2"
                          width="50"
                          label="2月"
                          align="center"
                        >
                          <template slot-scope="scope">
                            <p v-if="!scope.row[2]">-</p>
                            <p v-else>{{ scope.row[2] }}</p>
                          </template>
                        </el-table-column>
                        <el-table-column
                          prop="3"
                          width="50"
                          label="3月"
                          align="center"
                        >
                          <template slot-scope="scope">
                            <p v-if="!scope.row[3]">-</p>
                            <p v-else>{{ scope.row[3] }}</p>
                          </template>
                        </el-table-column>
                        <el-table-column
                          prop="4"
                          width="50"
                          label="4月"
                          align="center"
                        >
                          <template slot-scope="scope">
                            <p v-if="!scope.row[4]">-</p>
                            <p v-else>{{ scope.row[4] }}</p>
                          </template>
                        </el-table-column>
                        <el-table-column
                          prop="5"
                          width="50"
                          label="5月"
                          align="center"
                        >
                          <template slot-scope="scope">
                            <p v-if="!scope.row[5]">-</p>
                            <p v-else>{{ scope.row[5] }}</p>
                          </template>
                        </el-table-column>
                        <el-table-column
                          prop="6"
                          width="50"
                          label="6月"
                          align="center"
                        >
                          <template slot-scope="scope">
                            <p v-if="!scope.row[6]">-</p>
                            <p v-else>{{ scope.row[6] }}</p>
                          </template>
                        </el-table-column>
                        <el-table-column
                          prop="7"
                          width="50"
                          label="7月"
                          align="center"
                        >
                          <template slot-scope="scope">
                            <p v-if="!scope.row[7]">-</p>
                            <p v-else>{{ scope.row[7] }}</p>
                          </template>
                        </el-table-column>
                        <el-table-column
                          prop="8"
                          width="50"
                          label="8月"
                          align="center"
                        >
                          <template slot-scope="scope">
                            <p v-if="!scope.row[8]">-</p>
                            <p v-else>{{ scope.row[8] }}</p>
                          </template>
                        </el-table-column>
                        <el-table-column
                          prop="9"
                          width="50"
                          label="9月"
                          align="center"
                        >
                          <template slot-scope="scope">
                            <p v-if="!scope.row[9]">-</p>
                            <p v-else>{{ scope.row[9] }}</p>
                          </template>
                        </el-table-column>
                        <el-table-column
                          prop="10"
                          width="50"
                          label="10月"
                          align="center"
                        >
                          <template slot-scope="scope">
                            <p v-if="!scope.row[10]">-</p>
                            <p v-else>{{ scope.row[10] }}</p>
                          </template>
                        </el-table-column>
                        <el-table-column
                          prop="11"
                          width="50"
                          label="11月"
                          align="center"
                        >
                          <template slot-scope="scope">
                            <p v-if="!scope.row[11]">-</p>
                            <p v-else>{{ scope.row[11] }}</p>
                          </template>
                        </el-table-column>
                        <el-table-column
                          prop="12"
                          width="50"
                          label="12月"
                          align="center"
                        >
                          <template slot-scope="scope">
                            <p v-if="!scope.row[12]">-</p>
                            <p v-else>{{ scope.row[12] }}</p>
                          </template>
                        </el-table-column>
                        <el-table-column
                          prop="HSUM"
                          width="50"
                          label="小计"
                          align="center"
                        >
                          <template slot-scope="scope">
                            <p v-if="!scope.row.HSUM">-</p>
                            <p v-else>{{ scope.row.HSUM }}</p>
                          </template>
                        </el-table-column>
                      </el-table>
                      <!-- <div class="time">统计时间：{{ fwtjTime }}</div> -->
                      <!-- <div class="date">
                        <span @click="getBarChartStaticDatafwtj('fwtj_month')"
                          >月</span
                        >
                        <span @click="getBarChartStaticDatafwtj('fwtj_year')"
                          >年</span
                        >
                        <span @click="getBarChartStaticDatafwtj('fwtj')"
                          >全</span
                        >
                      </div> -->
                    </el-tab-pane>
                    <el-tab-pane
                      label="移动端办件统计"
                      name="移动端办件统计"
                      style="position: relative"
                    >
                      <div id="statisticsydd_echart"></div>
                      <div class="time">时间：{{ yddTime }}</div>
                      <div class="date">
                        <span
                          @click="
                            getBarChartStaticDataydd('mobileSystem_month')
                          "
                        >月</span
                        >
                        <span
                          @click="getBarChartStaticDataydd('mobileSystem_year')"
                        >年</span
                        >
                        <span @click="getBarChartStaticDataydd('mobileSystem')"
                        >全</span
                        >
                      </div>
                    </el-tab-pane>
                  </el-tabs>
                </div>
              </el-col>
            </el-row>
          </el-col>
        </el-row>
      </div>
      <el-dialog title="选择用户" :visible.sync="dialogFormVisible" width="30%">
        <!-- <el-select
          v-model="roleID"
          placeholder="请选择登录系统用户"
          style="width: 70%"
          @change="chooseUser"
        >
          <el-option
            v-for="item in userList"
            :key="item.ID"
            :label="item.LOGINNAME"
            :value="item.ID"
          ></el-option>
        </el-select> -->
        <el-radio-group
          v-model="roleID"
          style="display: flex; flex-direction: column"
        >
          <el-radio
            style="margin-top: 20px"
            v-for="(item, index) in userList"
            :key="index"
            :label="item.USERID"
          >{{ item.USERNAME }}
          </el-radio
          >
        </el-radio-group>
        <div
          slot="footer"
          class="dialog-footer"
          style="display: flex; align-items: center; justify-content: center"
        >
          <el-button
            style="margin-right: 10px"
            @click="dialogFormVisible = false"
          >取 消
          </el-button
          >
          <el-button type="primary" @click="GetSystemUrl(state, sysId)"
          >确 定
          </el-button
          >
        </div>
      </el-dialog>
      <el-dialog
        title="耗时情况"
        v-if="dialogVisible"
        :visible.sync="dialogVisible"
        width="80%"
        height="100%"
        :before-close="handleClose"
        style="padding: 30px 20px!important;margin-top: -2vh;"
      >
        <iframe
          :src="outUrl"
          frameborder="0"
          width="100%"
          height="600px"
          style="padding: 30px 20px 0 0;
    box-sizing: border-box;"
        ></iframe>
      </el-dialog>
    </div>

    <footerCom></footerCom>

    <div class="fixd_menu">
      <ul>
        <li @click="openUrl2('/userInfo')">
          <img
            :src="
              switchValue == 'light'
                ? require('../assets/image/图标901.svg')
                : require('../assets/image/图标 9012.svg')
            "
            alt
          />
          <span class="user">用户</span>
        </li>
        <li @click="openUrl2('/helpcenter')">
          <img
            :src="
              switchValue == 'light'
                ? require('../assets/image/图标 900.svg')
                : require('../assets/image/图标 9002.svg')
            "
            alt
          />
          <span class="user">服务</span>
        </li>
        <li @click="openUrl2('/Opinions')">
          <img
            :src="
              switchValue == 'light'
                ? require('../assets/image/图标 904.svg')
                : require('../assets/image/图标 9042.svg')
            "
            alt
          />
          <span class="user">建议</span>
        </li>
        <li>
          <el-popover placement="right" width="160" trigger="hover">
            <el-radio-group v-model="switchValue" @change="handleSwitch">
              <el-radio label="light">浅色</el-radio>
              <el-radio label="dark">深色</el-radio>
              <!-- <el-radio label="blue">蓝色</el-radio> -->
            </el-radio-group>
            <!-- <el-switch
              style="display: block"
              v-model="switchValue"
              active-color="#eee"
              inactive-color="#000"
              active-text="浅色"
              inactive-text="深色"
              @change="handleSwitch"
            ></el-switch> -->
            <span slot="reference">
              <img
                :src="
                  switchValue == 'light'
                    ? require('../assets/image/图标 905.svg')
                    : require('../assets/image/图标 905 (1).svg')
                "
                alt
              />
              主题
            </span>
          </el-popover>
        </li>
        <li class="top" @click="gotoTop()">
          <!-- <img
            :src="
              switchValue == 'light'
                ? require('../assets/image/图标 907.svg')
                : require('../assets/image/图标9072.svg')
            "
            alt
          /> -->
          TOP
        </li>
      </ul>
    </div>
    <div
      style="width: 100vw; height: 100vh; position: fixed; top: 0; z-index: 998"
      v-if="diaologIf"
    >
      <!-- 标题 -->
      <div
        class="msk"
        @click.stop="diaologIf = false"
        style="width: 100%; height: 100%; background: #00000080"
      ></div>
      <div class="diaolog_l">
        <div class="system_child_item">
          <span class="title">信息化服务和保障清单</span>
          <span class="close" @click="close_d"></span>
        </div>
        <systemList :list="list"></systemList>
      </div>
    </div>
    <el-dialog
      :title="toDayTit"
      :visible.sync="dialogClose"
      width="750px"
      :show-close="false"
      :lock-scroll="false"
      :append-to-body="true"
      :before-close="handleClose"
    >
      <div
        style="max-height: 250px; overflow: auto; padding-right: 10px"
        v-if="studyMsg.length > 0"
      >
        <div v-if="toDayStudy.length > 0">
          <p style="color: #0085ff; font-size: 16px">今日学习</p>
          <p style="font-size: 16px">{{ toDayStudy[0].CONTENT }}</p>
        </div>
        <div v-if="pastStudy.length > 0">
          <p style="color: #0085ff; font-size: 16px">往日未读</p>
          <p
            v-for="(item, index) in pastStudy"
            :key="index"
            style="font-size: 16px"
          >
            <span style="color: #0085ff; font-size: 16px"
            >{{ item.CDATE }}:</span
            >{{ item.CONTENT }}
          </p>
        </div>
      </div>
      <div style="width: 100%; display: flex; justify-content: center">
        <el-button type="success" @click="finishStudy">已学习</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import * as echarts from "echarts";
import systemList from "./common/systemList.vue";
import footerCom from "./footerCom.vue";
import vueSeamlessScroll from 'vue-seamless-scroll'
import $ from "jquery"; //引入jquery，否则document.getElementById为null
import {color} from "echarts";
import bdcAcceptedUtill from "../utils/bdcAcceptedUtill";

export default {
  components: {
    systemList,
    footerCom,
    vueSeamlessScroll
  },
  data() {
    return {
      row: 5,
      IEb: false,
      Chrome: false,
      name: "",
      xtdhIf: true,
      noPower: false,
      systemIf: true,
      diaologIf: false,
      dialogClose: false,
      dialogFormVisible: false,
      spc: 0,
      sysCount: 0,
      roleID: "",
      userList: null,
      acceptSum: 0,
      rjslsum: 0,
      sldbYearDivide: 0,
      sldbMonthDivide: 0,
      area: 1,
      logSum: 0,
      outUrl: "",
      dialogVisible: false,
      // mask:false,
      state: "",
      orderNum: ["0", "0", "0", ",", "0", "0", "0"], // 默认订单总数
      newNumber: 0,
      imgStartTimer: null,
      timerDb: null,
      imgWidth: 0,
      imgHeigth: 0,
      moveLength: 0,
      todo: true,
      imgCarouselTimer: null,
      bgc: "全部",
      pageSizeOfChart: 6,
      fontColor: "#FFF",
      studyMsg: [],
      toDayStudy: [],
      pastStudy: [],
      toDayTit: "",
      keyWords: [
        "全部",
        "收文",
        "发文",
        "政策法规",
        "信息",

        // "市局要闻",
        // "区县要闻",
        // "会议通知"
      ],
      child: [],
      bgColor: "",
      activeNameGwcl: "公文处理",
      activeEmpty: "待办事项",
      activeNameXtdh: "系统导航",
      className: "home_light",
      currentName: "人事任免",
      activeName: "待办事项",
      activeTabName: "“一窗业务”受理情况",
      currentTabName: "要闻推荐",
      activeNameSy: "“一窗业务”使用情况",
      activeNameSldb: "耗时情况",
      activeNameJzl: "建筑类",
      activeNameBjtj: "市政类",
      activeNameDbyw: "会审情况",
      activeNameGzbj: "报件跟踪统计",
      activeNameCshs: "报件跟踪",
      activebjqk: "报件情况统计",
      activeNameZhyw: "发文统计",
      formInline: {
        time: "1",
        region: this.$Cookies.get("REGION_ID"),
      },
      queryCriteria: false,
      switchValue: "dark",
      searchValue: "",
      navigatorLink: [],
      interfaceName: "antu.newportal-zjx.provider.portal.PortalProvider",
      userId: localStorage.getItem("USER_ID"),
      // userId: "14E185BA-A88N-763T-D2BU-CD3321A9227D",
      processData: [],
      finishedData: [],
      processShow: true,
      systemCount: [],
      imgUrl: [],
      syNews: [],
      newsData: [],
      firstData: null,
      bmData: [],
      qxData: [],
      jbData: [],
      cyData: [],
      nbData: [],
      rsData: [],
      gsData: [],
      xturl: "",
      linkUrl: [],
      linkImgUrl: [],
      ycywslData: [],
      ycywsyData: [],
      ycywbjData: [],
      sldbData: [],
      qsbj_szlData: [],
      qsbj_jzlData: [],
      jyzqpData: [],
      regien: [],
      YearData: [],
      fiveago:'',
      todaysj: '',
      linkIframe:'',
      newTimeData: [
        {
          label: "日",
          value: "day",
        },
        {
          label: "周",
          value: "week",
        },
        {
          label: "月",
          value: "month",
        },
      ],
      tableData: [],
      image: [
        require("../assets/image/图片 504.png"),
        require("../assets/image/图片 502.png"),
        require("../assets/image/图片 501.png"),
        require("../assets/image/图片 503.png"),
        require("../assets/image/图片 504.png"),
        require("../assets/image/图片 502.png"),
        require("../assets/image/图片 501.png"),
        require("../assets/image/图片 503.png"),
        require("../assets/image/图片 504.png"),
        require("../assets/image/图片 502.png"),
        require("../assets/image/图片 501.png"),
        require("../assets/image/图片 503.png"),
        require("../assets/image/图片 504.png"),
        require("../assets/image/图片 502.png"),
        require("../assets/image/图片 501.png"),
        require("../assets/image/图片 503.png"),
      ],
      gjggJzlData: [],
      fzcount: 0,
      gjggSzlData: [],
      GcjsLeftData: [],
      GcjsLeftDatTitle: [],
      GcjsLefttotal: null,
      type: "0",
      jsydbpData: {
        blgztj: [],
        bjgz: [],
        cshs: [],
        sbst: [],
        bjzl: [],
      },
      sumobj: {},
      WeatherData: [],
      dxywData: [],
      hsycData: [],
      hsycformDay: [],
      hsycformMonth: [],
      hsycformWeek: [],
      hsyctjsj: "",
      dxywtjsj: "",
      sldbtjsj: "",
      sldbtjsj1: "",
      sldbtjsjmonth: "",
      sldbtjsjyear: "",
      sldbtjsjday: "",
      bjgztjsj: "",
      sbsttjsj: "",
      bjzltjsj: "",
      //功能上线列表
      gnsxData: [],
      //功能上线表头数据
      // gnsxTableLabel: [],
      //日期
      dateValue: "2021-7-17 星期六",
      //天气图标
      weatherImg: "阴",
      airValue: "多云 26° ~ 32°",
      username: "",
      userpwd: "",
      bjgzTj: {
        dsl: 0,
        dsh: 0,
        dzj: 0,
      },
      yesterday: "",
      beforeMounth: "",
      beforeYear: "",
      YcywslTimer: "",
      YcywblTimer: "",
      sldbTimer: "",
      szlbjTimer: "",
      jzlbjTimer: "",
      fwtjTime: "",
      yddTime: "",
      userInfo: "",
      regionId: this.$Cookies.get("REGION_ID"),
      yearType: 2021,
      newType: "日",
      ycywslDatayear: [],
      ycywslDataday: [],
      ycywslDatamounth: [],
      ycywbjDatayear: [],
      ycywbjDatadate: [],
      ycywbjDatamonth: [],
      qsbjszlDataall: [],
      qsbjszlDatayear: [],
      qsbjszlDatamonth: [],
      qsbjjzlDataall: [],
      qsbjjzlDatayear: [],
      qsbjjzlDatamonth: [],
      sldbDatayear: [],
      sldbDatadate: [],
      sldbDatamonth: [],
      xtdhData: {
        //    mailList:'',  //总数据list
        //分页
        // totalPage: 1, // 统共页数，默认为1
        // currentPage: 1, //当前页数 ，默认为1
        // pageSize: 18, // 每页显示数量
        currentPageData: [], //当前页显示内容
        // page: "1",
        pageSize: 20,
        curPage: 1,
        totalPage: 1,
      },
      childSysBox: [],
      childSysBox2: [],
      // xtdhData: {
      //   page: "1",
      //   pageSize: "18",
      //   curPage: 1,
      //   totalPage: 1
      // },
      // 一窗业务--受理
      ycywslDataAll: [],
      //受理登簿
      sldbDataAll: [],
      qsbjszlDataAll: [],
      // 一窗业务--办件
      ycywbjDataAll: [],
      bldData: [],
      //今日受理的数据
      jrslData: {
        newData: "",
        oldData: "",
      },
      // 确权登记 是否折叠
      isQqdhRef: true,
      // 工建改革 是否折叠
      isGjggRef: true,
      // 建设用地报批与监管 是否折叠
      isJsydbpjgRef: true,
      isZhywRef: true,
      // 用户本周办件
      weekFinishDb: "",
      // 公文本周办理
      weekFinishGw: "",
      arr: [],
      newExplan: {},
      zsSumToal: 0,
      isMrValue: true,
      Loading: null,
      zsNames: "",
      processCount: 0,
      jryp: 0,
      bysl: 0,
      cqwbj: 0,
      pjblsj: 0,
      duBan: [],
      gjggdqzbqk: [],
      mhbygjfzJzl: [],
      mhbygjfzSzl: [],
      mhbygjfz: [],
      fwtj: [],
      fzstotal: 0,
      ydd: [],
      gjjscc: 0,
      activebjItem: 0,
      bjItem: [
        {
          id: 0,
          name: "省级审批",
          num: "50",
        },
        {
          id: 1,
          name: "市级审批",
          num: "72",
        },
        {
          id: 2,
          name: "退件",
          num: "21",
        },
        {
          id: 3,
          name: "办结",
          num: "05",
        },
      ],
      bjData: [
        {
          sjjssh: 12,
          sjxzsh: 18,
          stjssh: 5,
          stxzsh: 15,
        },
        {
          sjjssh: 6,
          sjxzsh: 15,
          stjssh: 32,
          stxzsh: 19,
        },
        {
          sjjssh: 3,
          sjxzsh: 4,
          stjssh: 14,
          stxzsh: 0,
        },
        {
          sjjssh: 3,
          sjxzsh: 0,
          stjssh: 1,
          stxzsh: 1,
        },
      ],
      bjTime: "",
      bjSum: "",
      dbJrsl: null,
      list: [
        {
          id: 1,
          name: "公网减肥的",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
        {
          id: 2,
          name: "dfsfdsa",
          child: [
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
            {
              icon: "xc",
              id: 3,
              name: "公文",
            },
          ],
        },
      ],
    };
  },
  created() {
    // this.formInline.region = this.$Cookies.get('REGION_ID')
    // console.log(this.formInline,'this.formInline')
    this.getTime()
    this.startLoading();
    this.todayStady();
    this.getUserLinkPowerCount();
    this.getUserLinkPower();
    this.getProcessingData();
    this.getPicUrl();
    this.linkPicSelect();
    this.jsydbpDataStatic();
    this.getRSData();
    this.getArea();
    this.checkBrowser();
    this.daiban();
    this.getUserStyle("");
    this.qqdjDataStatic();
    this.getDate();
    this.getLoginUrLInfo();
    this.finished();
    // 获取本周办件量和公文处理件数
    this.getTodoList();
    this.getNews();
    this.getBMData();
    this.getQXData();
    this.getJBData();
    this.getCYData();
    this.getNBData();
    this.getGSData();
    this.getConfigUrlLink();
    this.gjggDataStaticJzl(this.formInline.region, 1);
    this.gjggDataStaticSzl(this.formInline.region, 1);
    this.getWeather();
    this.getUserInfo();
    this.getDayHandleCount();
    // this.getOverdueInstance();
    // this.getConfigSelectData("ZHSW_BYSL");
    this.getConfigSelectData("DB_STATIC_SQL");
    this.getConfigSelectData("GJ_STATIC_SQL");
    this.getConfigSelectData("ZHSW_GJFZ");
    this.getConfigSelectData("ZHSW_GJZSCC");
    this.getBarChartStaticDatafwtj("fwtj");
    this.getConfigSelectData("ZHSW_DBTJ");
    this.getRegionList();
    this.getYear();
    this.getChartsData();
    this.getbjData();
    var that = this;
    // that.getSlData();
    // //受理量
    // that.getDJYWSllData();
    // setInterval(() => {
    //   that.getSlData();
    //   //受理量
    //   that.getDJYWSllData();
    // }, 5000);
    setInterval(() => {
      // clearInterval(this.timerDb);
      // 自动刷新待办事项
      // this.getUserLinkPowerCount();
      // 本周办理统计
      that.getTodoList();
    }, 10000);
    //关闭Loading
  },
  computed: {
    optionSingleHeightTime() {
      return {
        singleHeight: 60,
        waitTime: 2500
      }
    }
  },
  onLoad() {
    // let _this = this;
    // this.toOrderNum(_this.newNumber); // 这里输入数字即可调用
    // this.increaseNumber();
   // bdcAcceptedUtill.getQXAcceptedCount();


  },
  mounted() {
    setTimeout(() => {
      this.Loading.close();
    }, 3000);
    // setInterval(()=>{
    //   this.mask = this.$Cookies.get('MASK')
    //   console.log(this.mask,'this.mask')
    // },10000)

    setTimeout(() => {
      // this.Loading.close();
      // this.initAcceptance(this.ycywslDataAll, 3);
      // this.initUseing();
      // this.initHandling(this.qsbjszlDataall, 0);
      // this.initJointTrialCshs();
      this.initZhywFwtj();
    }, 10000);

    //等待2秒后获取，否则document.getElementById为null
    this.imgStartTimer = setTimeout(() => {
      clearTimeout(this.imgStartTimer);
      this.startImgCarousel();
    }, 3000);
    setInterval(() => {
      // 自动刷新公文处理待办
      this.getProcessingData();
    }, 5000);
    // setTimeout(() => {

    // }, 1100);
    // 隔5s获取待办事项和公文处理待办的数据 重新渲染getSystem
    // setInterval(() => {
    // clearInterval(this.timerDb);
    // 自动刷新待办事项
    // this.getUserLinkPowerCount();
    // 本周办理统计
    //   this.getTodoList();
    // }, 10000);
    //关闭Loading
  },
  destroyed() {
    clearInterval(this.timerDb);
    clearInterval(this.imgCarouselTimer);
  },
  beforeRouteLeave(to, form, next) {
    clearInterval(this.imgCarouselTimer); //离开页面关闭轮播定时器以免下次打开轮播定位混乱
    next();
  },
  methods: {
    checkBrowser() {
      var userAgent = navigator.userAgent;
      var isIE = userAgent.search(/Trident/i);
      var isChrome =
        userAgent.indexOf("Chrome") > -1 && userAgent.indexOf("Safari") > -1;
      if (isIE) {
        this.IEb = true;
      }
      if (isChrome) {
        this.chrome = true;
        // this.ydtz()
      }
    },
    //开始加载loading
    startLoading() {
      this.Loading = this.$loading({
        spinner: "", //自定义加载图标类名
        text: "正在加载中...", //显示在加载图标下方的加载文案
        background:
          this.switchValue == "light"
            ? "rgba(0, 0, 0,1)"
            : "rgba(255, 255, 255, 1)", //遮罩背景色
      });
    },
    djjr() {
      window.open(
        "http://172.18.4.30:31135/onemapV5.0/main.html?uid=" +
        this.username +
        "&pwd=" +
        this.userpwd
      );
    },
    // 定时增长数字
    // increaseNumber(count) {
    //   let self = this;
    //   // this.timer = setInterval(() => {
    //   self.newNumber = count;
    //   this.toOrderNum(self.newNumber); // 这里输入数字即可调用
    //   // if(this.chrome){
    //   //    self.setNumberTransform();
    //   // }
    //
    //   // }, 3000);
    // },
    getRandomNumber(min, max) {
      return Math.floor(Math.random() * (max - min + 1) + min);
    },
    // 设置文字滚动
    setNumberTransform() {
      const numberItems = this.$refs.numberItem; // 拿到数字的ref，计算元素数量

      const numberArr = this.orderNum.filter((item) => !isNaN(item));
      // 结合CSS 对数字字符进行滚动,显示订单数量
      for (let index = 0; index < numberItems.length; index++) {
        const elem = numberItems[index];
        elem.style.transform = `translate(-50%, -${numberArr[index] * 10}%)`;
      }
    },
    // 处理总今日受理数字
    toOrderNum(num) {
      let _this = this;
      num = num.toString();
      // 把订单数变成字符串
      if (num.length < 6) {
        num = "0" + num; // 如未满八位数，添加"0"补位
        _this.toOrderNum(num); // 递归添加"0"补位
      } else if (num.length === 6) {
        // 订单数中加入逗号
        num = num.slice(0, 3) + "," + num.slice(3, 6);
        _this.orderNum = num.split(""); // 将其便变成数据，渲染至滚动数组
      } else {
        // 订单总量数字超过八位显示异常
        // _this.$message.warning("受理数字过大，显示异常，请联系工作人员");
      }
    },
    // 工建改革展示
    gjggExplan(name) {
      this.newExplan = {};
      this.bgColor = name;
      this.zsSumToal = 0;
      this.isMrValue = false;
      this.zsNames = name;
      for (let i = 0; i < this.GcjsLeftData.length; i++) {
        if (this.GcjsLeftData[i].name == name) {
          this.newExplan = this.GcjsLeftData[i];
          for (let i = 0; i < this.newExplan.zsSum.length; i++) {
            this.zsSumToal = this.zsSumToal + this.newExplan.zsSum[i].count;
          }
        }
        // else {
        //   this.newExplan.name = name;
        //   this.newExplan.flCoutItems = [];
        // }
      }
    },

    startImgCarousel() {
      var self = this;

      var dom = document.getElementById("imgDivId");
      self.imgWidth = dom.offsetWidth; //图片区域宽度
      self.imgHeigth = dom.offsetHeight; //图片区域高度
      if (!self.imgWidth) {
        self.startImgCarousel;
        return;
      }
      var imgWidth = self.imgWidth / 4 + 2; //展示4张图片，（+2为了不显示最后一张的margin-right）
      var imgsWidth = imgWidth - 9; //每张图片的宽度（减去间隔距离margin-right: 9px）
      var dddDom = document.getElementsByClassName("ddd");
      for (var i = 0, len = dddDom.length; i < len; i++) {
        dddDom[i].style.width = imgsWidth + "px"; //动态赋值图片宽度
      }
      var d120Dom = document.getElementsByClassName("d120");
      for (var i = 0, len = d120Dom.length; i < len; i++) {
        d120Dom[i].style.height = self.imgHeigth + "px"; //动态赋值图片高度
      }
      var dimgDom = document.getElementsByClassName("dimg");
      for (var i = 0, len = dimgDom.length; i < len; i++) {
        dimgDom[i].style.height = self.imgHeigth + "px"; //动态赋值图片高度
      }

      // 定时器，每个3秒移动一次
      self.imgCarouselTimer = setInterval(function () {
        var imgDivWidth = self.imgWidth;
        var imgDivHeight = self.imgHeigth;
        var imgWidth = imgDivWidth / 4 + 5; //展示4张图片，（+2为了不显示最后一张的margin-right）

        // moveLength +=331.5;
        self.moveLength += imgWidth; //移动的宽度
        // if (moveLength<=imgDivWidth){//未移动到尽头(保留功能)
        if (true) {
          //无限循环
          document.getElementById("d12").style =
            "transform:translateX(-" + self.moveLength + "px);";

          //无限循环start
          var imgIndex = self.moveLength / imgWidth - 1; //取得对应图片下标
          var d121Dom = document.getElementsByClassName("d121"); //获取图片dom数组
          var dataDom = d121Dom[imgIndex].innerHTML; //取得对应图片下标的HTML
          dataDom =
            '<div data-v-8dc7cce2 class="d121 d120">' + dataDom + "</div>";
          document.getElementById("d12").innerHTML += dataDom; //加入图片dom数组
          //无限循环end
        } else if (self.moveLength > imgDivWidth) {
          //移动到尽头-->回到第一个
          // moveLength -= 1657.5;
          self.moveLength -= imgWidth * 5;
          document.getElementById("d12").style =
            "transform:translateX(-" + self.moveLength + "px);";
        }
      }, 3000);
    },
    bjClick(index) {
      if (index >= 2) {
        return false;
      } else {
        this.activebjItem = index;
      }
    },
    getRegionList() {
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: "antu.newportal-zjx.provider.portal.PortalProvider",
          methodName: "getRegion",
          args: [""],
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            this.regien = JSON.parse(response.result);
            // this.formInline.region = this.regien[0].REGIONCODE
          }
        },
        error: (xhr) => {
          console.log(xhr, "error");
        },
      });
    },
    getArea() {
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: "antu.newportal-zjx.provider.portal.PortalProvider",
          methodName: "getAreaRights",
          args: [this.userId],
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            this.area = response.result;
            if (this.area == 1) {
              // this.getDJYWSllData();
              bdcAcceptedUtill.getQXAcceptedCount(this);
              this.getQqdj();
            }
          }
        },
        error: (xhr) => {
          console.log(xhr, "error");
        },
      });
    },
    // 获取用户主题
    getUserStyle() {
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: "antu.newportal-zjx.provider.user.UserProvider",
          methodName: "getUserStyle",
          args: [this.userId],
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            if (response.result == "0") {
              this.switchValue = "dark";
              this.fontColor = "#FFF";
              this.lineColor = "rgba(255,255,255,0.2)";
            } else {
              this.switchValue = "light";
              this.fontColor = "#666";
              this.lineColor = "#dedede";
            }
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    // 主题切换
    changeUserStyle(style) {
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: "antu.newportal-zjx.provider.user.UserProvider",
          methodName: "changeUserStyle",
          args: [this.userId, style],
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    // 获取时间
    getTime(){
      let today = new Date()
      this.todaysj = this.getDate(today)
      this.fiveago = this.getDate(today.setDate(today.getDate()-5))
      console.log(this.fiveago,'nyr')
    },
    // 获取昨时间
    getDate(time) {
      // var time = new Date().getTime() - 24 * 60 * 60 * 1000;
      var yesday = new Date(time); // 获取的是前一天日期
      var sjDate =
        yesday.getFullYear() +
        "年" +
        (yesday.getMonth() > 9
          ? yesday.getMonth() + 1
          : "0" + (yesday.getMonth() + 1)) +
        "月" +
        (yesday.getDate() > 9 ? yesday.getDate() : "0" + yesday.getDate()) +
        "日"; //字符串拼接转格式：例如2018-08-19
        return sjDate
      // this.beforeMounth =
      //   yesday.getFullYear() +
      //   "年" +
      //   (yesday.getMonth() > 9 ? yesday.getMonth() : "0" + yesday.getMonth()) +
      //   "月" +
      //   (yesday.getDate() > 9 ? yesday.getDate() : "0" + yesday.getDate()) +
      //   "日"; //字符串拼接转格式：例如2018-08-19
      // this.beforeYear =
      //   yesday.getFullYear() -
      //   1 +
      //   "年" +
      //   (yesday.getMonth() > 9 ? yesday.getMonth() : "0" + yesday.getMonth()) +
      //   "月" +
      //   (yesday.getDate() > 9 ? yesday.getDate() : "0" + yesday.getDate()) +
      //   "日"; //字符串拼接转格式：例如2018-08-19
    },
    // 获取登录名和密码
    getLoginUrLInfo() {
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: this.interfaceName,
          methodName: "getLoginUrLInfo",
          args: [this.userId],
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            response.result = JSON.parse(response.result);
            this.username = response.result.loginName;
            this.userpwd = response.result.pwd;
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    // 上一页
    systemNavigationPrev() {
      if (this.xtdhData.curPage == 1) return;
      this.xtdhData.curPage--;
      this.setCurrentPageData();
      //   if (this.xtdhData.curPage != 1) {
      //     this.xtdhData.page = parseInt(this.xtdhData.page) - 1;

      //     this.getUserLinkPower();
      //   }
    },
    // 下一页
    systemNavigationNext() {
      if (this.xtdhData.curPage == this.xtdhData.totalPage) return;
      this.xtdhData.curPage++;
      this.setCurrentPageData();
      //   if (this.xtdhData.curPage < this.xtdhData.totalPage) {
      //     this.xtdhData.page = parseInt(this.xtdhData.page) + 1;

      //     this.getUserLinkPower();
      //   }
    },

    //分页
    fenye: function () {
      // 计算一共有几页
      this.xtdhData.totalPage = Math.ceil(
        this.navigatorLink.length / this.xtdhData.pageSize
      );
      // 计算得0时设置为1
      this.xtdhData.totalPage =
        this.xtdhData.totalPage == 0 ? 1 : this.xtdhData.totalPage;
      this.setCurrentPageData();
    },
    // 设置当前页面数据，对数组操作的截取规则为[0~10],[10~20]...,
    setCurrentPageData: function () {
      let begin = (this.xtdhData.curPage - 1) * this.xtdhData.pageSize;
      let end = this.xtdhData.curPage * this.xtdhData.pageSize;
      this.xtdhData.currentPageData = this.navigatorLink.slice(begin, end);

      // for(var i in this.xtdhData.currentPageData){
      //   for(var a in this.xtdhData.currentPageData[i].CHILDS){
      //     if(this.xtdhData.currentPageData[i].CHILDS[a].IS_WEAKLESS == 0){
      //       this.childSysBox.push(this.xtdhData.currentPageData[i].CHILDS[a].sysId)
      //     }
      //      if(this.xtdhData.currentPageData[i].CHILDS[a].IS_WEAKLESS == 1){
      //       this.childSysBox2.push(this.xtdhData.currentPageData[i].CHILDS[a].sysId)
      //     }
      //   }
      // }
      // this.childSysBox = [...this.childSysBox,...this.childSysBox2]
      // this.$Cookies.set('childSysBox',this.childSysBox)
      // if(this.childSysBox.length==0){
      //   this.getUserLinkPowerCount()
      // }
    },
    // 获取用户有权限的系统
    getUserLinkPower() {
      let that = this;
      this.$.ajax({
        url: that.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: that.interfaceName,
          methodName: "getNewUserLinkPower",
          args: [that.userId, 1, 200],
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            response.result = JSON.parse(response.result);
            let tmpResDatas = [];

            let resData = [];

            let bgColor = {};

            resData = response.result;

            resData.map((item) => {
              let tmpObj = item;
              tmpObj["lightImg"] = that.$API.iconUrl + item["LIGHT"];

              tmpObj["darkImg"] = that.$API.iconUrl + item["DARK"];

              tmpObj["bgColor"] = bgColor[item.BELONG];

              tmpResDatas.push(tmpObj);
            });

            that.navigatorLink = tmpResDatas;
            this.list = tmpResDatas;
            that.fenye();
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    clicklINK(item) {
      this.spc = 0;
      // if(item.name == '公文处理'){
      let str =
        "公文处理,干部（职工）请休假,采购系统,其他,建设用地动态监管,多验合一,督办管理,网站信息发布";
      if (str.indexOf(item.name) != -1) {
        this.spc = 1;
      }
      this.getSystemInfo(item.sysId);
      // return false
      //   console.log(item.name,'if')
      // }else if(item.name!='公文处理'){
      //   console.log(item.name,"else")
      //   window.open(item.link +(item.link.indexOf('?')>0 ? "&" :"?")  + "uid=" + this.username +"&pwd=" + this.userpwd)
      // }
    },
    // 获取用户有权限的系统待办数量
    getUserLinkPowerCount() {
      let that = this;
      that.$.ajax({
        // async: false,
        url: that.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: that.interfaceName,
          methodName: "getUserLinkPower",
          // methodName: "getDbSystem",
          args: [that.userId, 1, 200],
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            response.result = JSON.parse(response.result);
            that.systemCount = response.result.items;
            that.systemCount.forEach((item, index) => {
              item.img = that.image[index];
            });
            that.todo = false;
          }
          setTimeout(() => {
            that.getUserLinkPowerCount();
          }, 10000);
        },
        error: (xhr) => {
          console.log(xhr);
          that.todo = false;
        },
      });
    },
    getMore() {
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: 'post',
        data: {
          interfaceName: this.interfaceName,
          methodName: "getParamatersWithHSYC",
          args: [this.userId,this.regionId]
        },
        success: (response)=>{
          console.log(JSON.parse(response.result))
          let arr = JSON.parse(response.result)
          
          this.outUrl = 'http://172.18.3.237:8090/webroot/decision/view/form?viewlet=cd_zhjg_new%252F10budongchandengji%252Fcd_bdc_10bdcdjywzbjyqkb.frm&qydm='+ arr.REGIONCODE +'&xrsj='+ arr.XRSJ +'&kssj='+arr.KSSJ+'&jssj='+arr.JSSJ
          // this.outUrl = 'http://172.18.3.11/mhoffice/ylt/index.html'
          this.dialogVisible = true;
        }
      })
    },
    handleSwitch() {
      let style;
      if (this.switchValue == "light") {
        style = 1;
        this.fontColor = "#666";
        this.lineColor = "#dedede";
      } else if (this.switchValue == "dark") {
        style = 0;
        this.fontColor = "#FFF";
        this.lineColor = "rgba(255,255,255,0.2)";
      } else {
        style = 0;
      }
      this.changeUserStyle(style);
      this.initJointTrialBjgz();
      // this.initBanjian(this.ycywbjDataAll, 3);
      this.initregisterdxyw();
      // this.initregisterhsyc();
      this.initJointTrialSbst();
      this.initJointTrialBjzl();
      this.initZhywYdd();
      this.initZhywFwtj();
    },

    initRegister(data, type) {
      this.rjslsum = 0;
      this.acceptSum = 0;
      this.logSum = 0;
      for (var i in data) {
        if (data[i]["受理数"]) {
          this.acceptSum += parseFloat(data[i]["受理数"]);
        }
        if (data[i]["登簿数"]) {
          this.logSum += parseFloat(data[i]["登簿数"]);
        }
      }
      this.acceptSum = this.acceptSum.toFixed(2);
      this.logSum = this.logSum.toFixed(2);
      if (type == 0) {
        this.sldbtjsj = this.sldbtjsjday;
      } else if (type == 1) {
        this.sldbtjsj = this.sldbtjsjmonth;
        this.rjslsum = (this.acceptSum / this.sldbMonthDivide).toFixed(2);
      } else if (type == 2) {
        this.sldbtjsj = this.sldbtjsjyear;
        this.rjslsum = (this.acceptSum / this.sldbYearDivide).toFixed(2);
      }
      var chartDom = document.getElementById("register_echart");
      var myChart = echarts.init(chartDom);
      var option;

      option = {
        tooltip: {
          trigger: "axis",
          backgroundColor:
            this.switchValue == "light"
              ? "rgba(255,255,255,0.8)"
              : "rgba(55,55,55,0.8)",
          textStyle: {
            color: this.fontColor,
          },
          formatter: function (params) {
            
            let hintData = params[0].data;

            let returnStr = `<p style="text-align: center;font-size:12px;margin:0;padding:0">${params[0].name}</p>`;

            for (const key in hintData) {
              if (key != "name") {
                returnStr += `<p style="font-size:12px;margin:0;padding:0">${key}: ${hintData[key]}万件</p>`;
              }
            }

            return returnStr;
          },
        },
        grid: {
          top: "50px",
          right: "10px",
          left: "60px",
          bottom: "30px",
          height: "70%",
        },
        legend: {
          textStyle: {
            color: "rgb(119,121,129)",
          },
        },
        dataset: {
          dimensions: ["name", "受理数", "登簿数"],
          source: data,
        },
        xAxis: {
          type: "category",
          axisTick: {
            alignWithLabel: true,
          },
          axisLabel: {
            interval: 0,
            rotate: 45,
            color: this.fontColor,
          },
          axisLine: {
            lineStyle: {
              color: "rgba(255,255,255,0.35)",
            },
          },
        },
        yAxis: {
          axisLabel: {
            formatter: "{value}万件",
            color: this.fontColor,
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: [this.lineColor],
              width: 1,
              type: "solid",
            },
          },
          axisLine: {
            lineStyle: {
              color: "rgba(255,255,255,0.35)",
            },
          },
        },
        // Declare several bar series, each will be mapped
        // to a column of dataset.source by default.
        series: [
          {
            type: "bar",
            itemStyle: {
              color: "#386BD3",
            },
          },
          {
            type: "bar",
            itemStyle: {
              color: "#0DC4C2",
            },
          },
        ],
      };
      option && myChart.setOption(option);
      myChart.resize();
    },
    /* 报件跟踪 echarts图 */
    initJointTrialBjgz() {
      var chartDom = document.getElementById("jointTrialBjgz_echart");
      var myChart = echarts.init(chartDom);
      var option;
      option = {
        grid: {
          top: "50px",
          right: "10px",
          left: "50px",
          bottom: "45px",
        },
        legend: {
          textStyle: {
            color: this.fontColor,
          },
        },
        tooltip: {
          trigger: "axis",
          backgroundColor:
            this.switchValue == "light"
              ? "rgba(255,255,255,0.8)"
              : "rgba(55,55,55,0.8)",
          textStyle: {
            color: this.fontColor,
          },
          formatter: function (params) {
            let hintData = params[0].data;

            let returnStr = `${params[0].name}</br>`;

            for (const key in hintData) {
              if (key != "name") {
                returnStr += `${key}: ${hintData[key]}件</br>`;
              }
            }

            return returnStr;
          },
        },
        dataset: {
          dimensions: ["区县名", "待组卷", "待审核", "待受理"],
          source: this.jsydbpData.bjgz,
        },
        xAxis: {
          type: "category",
          axisLabel: {
            interval: 0,
            rotate: 45,
            color: this.fontColor,
          },
          axisLine: {
            lineStyle: {
              color: "rgba(255,255,255,0.1)",
            },
          },
        },
        yAxis: {
          axisLabel: {
            formatter: "{value}件",
            color: this.fontColor,
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: [this.lineColor],
              width: 1,
              type: "solid",
            },
          },
          axisLine: {
            lineStyle: {
              color: "rgba(255,255,255,0.1)",
            },
          },
        },
        // Declare several bar series, each will be mapped
        // to a column of dataset.source by default.
        series: [
          {
            type: "bar",
            color: this.fontColor,
            itemStyle: {
              color: "#386BD3",
            },
          },
          {
            type: "bar",
            color: this.fontColor,
            itemStyle: {
              color: "#0DC4C2",
            },
          },
          {
            type: "bar",
            color: this.fontColor,
            itemStyle: {
              color: "#FAAD14",
            },
          },
        ],
      };

      option && myChart.setOption(option);
      myChart.resize();
    },
    initJointTrialSbst() {
      var chartDom = document.getElementById("jointTrialSbst_echart");
      var myChart = echarts.init(chartDom);
      var option;

      option = {
        grid: {
          top: "50px",
          right: "10px",
          left: "50px",
          bottom: "50px",
        },
        legend: {
          textStyle: {
            color: this.fontColor,
          },
        },
        tooltip: {
          trigger: "axis",
          backgroundColor:
            this.switchValue == "light"
              ? "rgba(255,255,255,0.8)"
              : "rgba(55,55,55,0.8)",
          textStyle: {
            color: this.fontColor,
          },
          formatter: function (params) {
            let hintData = params[0].data;

            let returnStr = `${params[0].name}</br>`;

            for (const key in hintData) {
              if (key != "NAME") {
                returnStr += `${key}: ${hintData[key]}件</br>`;
              }
            }

            return returnStr;
          },
        },
        dataset: {
          dimensions: [
            "NAME",
            "省厅办结",
            "省厅待受理",
            "省厅待审核",
            "省厅补证",
            "省厅退件",
          ],
          source: this.jsydbpData.sbst,
        },
        xAxis: {
          type: "category",
          axisLabel: {
            interval: 0,
            rotate: 45,
            color: this.fontColor,
          },
          lineStyle: {
            color: "rgba(255,255,255,0.35)",
          },
        },
        yAxis: {
          axisLabel: {
            formatter: "{value}件",
            color: this.fontColor,
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: [this.lineColor],
              width: 1,
              type: "solid",
            },
          },
          lineStyle: {
            color: "rgba(255,255,255,0.35)",
          },
        },
        // Declare several bar series, each will be mapped
        // to a column of dataset.source by default.
        series: [
          {
            type: "bar",
            itemStyle: {
              color: "#0DC4C2",
            },
          },
          {
            type: "bar",
            itemStyle: {
              color: "#386BD3",
            },
          },
          {
            type: "bar",
            itemStyle: {
              color: "#945FB8",
            },
          },
          {
            type: "bar",
            itemStyle: {
              color: "#FAAD14",
            },
          },
          {
            type: "bar",
            itemStyle: {
              color: "#F84848",
            },
          },
        ],
      };

      option && myChart.setOption(option);
      myChart.resize();
    },
    initJointTrialBjzl() {
      var chartDom = document.getElementById("jointTrialBjzl_echart");
      var myChart = echarts.init(chartDom);
      var option;

      option = {
        grid: {
          top: "50px",
          right: "10px",
          left: "50px",
          bottom: "50px",
        },
        legend: {
          textStyle: {
            color: this.fontColor,
          },
        },
        tooltip: {
          trigger: "axis",
          backgroundColor:
            this.switchValue == "light"
              ? "rgba(255,255,255,0.8)"
              : "rgba(55,55,55,0.8)",
          textStyle: {
            color: this.fontColor,
          },
          formatter: function (params) {
            let hintData = params[0].data;

            let returnStr = `${params[0].name}</br>
            报件数: ${hintData["报件数"]}件</br>
            补正次数: ${hintData["补正次数"]}件·次</br>
            补正件数: ${hintData["补正件数"]}件</br>
            平均补正耗时: ${hintData["平均补正耗时"]}工作日</br>`;

            return returnStr;
          },
        },
        dataset: {
          dimensions: [
            "NAME",
            "报件数",
            "补正次数",
            "补正件数",
            "平均补正耗时",
          ],
          source: this.jsydbpData.bjzl,
        },
        xAxis: {
          type: "category",
          axisLabel: {
            interval: 0,
            rotate: 45,
            color: this.fontColor,
          },
          lineStyle: {
            color: "rgba(255,255,255,0.35)",
          },
        },
        yAxis: {
          splitLine: {
            show: true,
            lineStyle: {
              color: [this.lineColor],
              width: 1,
              type: "solid",
            },
          },
          color: this.fontColor,
          lineStyle: {
            color: "rgba(255,255,255,0.35)",
          },
        },
        // Declare several bar series, each will be mapped
        // to a column of dataset.source by default.
        series: [
          {
            type: "bar",
            itemStyle: {
              color: "#0DC4C2",
            },
          },
          {
            type: "bar",
            itemStyle: {
              color: "#386BD3",
            },
          },
          {
            type: "bar",
            itemStyle: {
              color: "#945FB8",
            },
          },
          {
            type: "bar",
            itemStyle: {
              color: "#FAAD14",
            },
          },
        ],
      };

      option && myChart.setOption(option);
      myChart.resize();
    },

    getbjData() {
      let that = this;
      this.$.ajax({
        url: that.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: that.interfaceName,
          methodName: "getBjqktjData",
          args: [""],
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            this.bjTime = JSON.parse(response.result).datatime;
            this.bjSum = JSON.parse(response.result).ZBJ;
            this.bjItem = JSON.parse(response.result).bjItem;
            this.bjData = JSON.parse(response.result).bjData;
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },

    // 典型业务
    initregisterdxyw() {
      var chartDom = document.getElementById("registerddxyw_echart");
      var myChart = echarts.init(chartDom);
      var option;
      option = {
        tooltip: {
          trigger: "item",
          backgroundColor:
            this.switchValue == "light"
              ? "rgba(255,255,255,0.8)"
              : "rgba(55,55,55,0.8)",
          textStyle: {
            color: this.fontColor,
          },
          formatter: function (params) {
            let hintData = params.data;
            let returnStr = `<p style="text-align: center;font-size:12px;margin:0;padding:0">${hintData.name}</p>`;

            // for (const key in hintData) {
            //   if (key != "name") {
            //     returnStr += `<p style="font-size:12px;margin:0;padding:0">${key}: ${hintData[key]}小时</p>`;
            //   }
            // }
            returnStr += `<p style="font-size:12px;margin:0;padding:0">二手房买卖散件平均耗时: ${hintData['二手房买卖散件平均耗时']}小时</p>
            <p style="font-size:12px;margin:0;padding:0">商品房分户散件平均耗时: ${hintData['商品房分户散件平均耗时']}小时</p>
            <p style="font-size:12px;margin:0;padding:0">商品房分户集体件平均耗时: ${hintData['商品房分户集体件平均耗时']}小时</p>
            <p style="font-size:12px;margin:0;padding:0">抵押登记散件平均耗时: ${hintData['抵押登记散件平均耗时']}小时</p>
            <p style="font-size:12px;margin:0;padding:0">抵押登记集体件平均耗时: ${hintData['抵押登记集体件平均耗时']}小时</p>
            `

            return returnStr;
          },
        },
        grid: {
          top: "50px",
          right: "10px",
          left: "50px",
          bottom: "30px",
          height: "70%",
        },
        legend: {
          textStyle: {
            color: this.fontColor,
          },
        },
        dataset: {
          dimensions: [
            "name",
            "二手房买卖散件平均耗时",
            "商品房分户散件平均耗时",
            "商品房分户集体件平均耗时",
            "抵押登记散件平均耗时",
            "抵押登记集体件平均耗时",
          ],
          source: this.dxywData,
        },
        xAxis: {
          type: "category",
          axisTick: {
            alignWithLabel: true,
          },
          axisLabel: {
            interval: 0,
            color: this.fontColor,
            rotate: 45,
          },
          lineStyle: {
            color: "rgba(255,255,255,0.35)",
          },
        },
        yAxis: {
          axisLabel: {
            formatter: "{value}小时",
            color: this.fontColor,
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: [this.lineColor],
              width: 1,
              type: "solid",
            },
          },
          lineStyle: {
            color: "rgba(255,255,255,0.35)",
          },
        },
        // Declare several bar series, each will be mapped
        // to a column of dataset.source by default.
        series: [
          {
            type: "bar",
            itemStyle: {
              color: "#0DC4C2",
            },
          },
          {
            type: "bar",
            itemStyle: {
              color: "#386BD3",
            },
          },
          {
            type: "bar",
            itemStyle: {
              color: "#945FB8",
            },
          },
          {
            type: "bar",
            itemStyle: {
              color: "#FAAD14",
            },
          },
          {
            type: "bar",
            itemStyle: {
              color: "#F84848",
            },
          },
        ],
      };

      option && myChart.setOption(option);
      myChart.resize();
    },

    initZhywFwtj() {
      var chartDom = document.getElementById("statisticsfwtj_echart");
      var myChart = echarts.init(chartDom);
      var option;
      var dataX = [],
        datay = [];
      this.fwtj.forEach((item) => {
        dataX.push(item.name);
        datay.push(item["件"]);
      });
      option = {
        grid: {
          top: "50px",
          right: "10px",
          left: "50px",
          bottom: "70px",
        },
        tooltip: {
          trigger: "axis",
          backgroundColor:
            this.switchValue == "light"
              ? "rgba(255,255,255,0.8)"
              : "rgba(55,55,55,0.8)",
          textStyle: {
            color: this.fontColor,
          },
          formatter: function (params) {
            let hintData = params[0];

            let returnStr = `${hintData.name}</br>
            ${hintData.data}件`;

            return returnStr;
          },
        },
        xAxis: {
          type: "category",
          boundaryGap: true,
          data: dataX,
          axisLabel: {
            interval: 0,
            rotate: 45,
            color: this.fontColor,
          },
          axisTick: {
            alignWithLabel: true, //类目轴中在 boundaryGap 为 true 的时候有效，
            //可以保证刻度线和标签对齐,不设置会出现柱状图不在刻度线中间
          },
        },
        // xAxis: {
        //   type: "category",
        //   data: dataX
        // },
        yAxis: {
          type: "value",
          axisLabel: {
            formatter: "{value}件",
            color: this.fontColor,
          },
        },
        series: [
          {
            data: datay,
            type: "bar",
            itemStyle: {
              color: "#18A0FB",
            },
          },
        ],
      };

      option && myChart.setOption(option);
      myChart.resize();
    },

    initZhywYdd() {
      var chartDom = document.getElementById("statisticsydd_echart");
      var myChart = echarts.init(chartDom);
      var option;
      var dataX = [],
        datay = [];
      this.ydd.forEach((item) => {
        dataX.push(item.name);
        datay.push(item["办件量"]);
      });
      option = {
        grid: {
          top: "50px",
          right: "10px",
          left: "80px",
          bottom: "60px",
        },
        tooltip: {
          trigger: "axis",
          backgroundColor:
            this.switchValue == "light"
              ? "rgba(255,255,255,0.8)"
              : "rgba(55,55,55,0.8)",
          textStyle: {
            color: this.fontColor,
          },
          formatter: function (params) {
            let hintData = params[0];

            let returnStr = `${hintData.name}</br>
            ${hintData.data}件`;

            return returnStr;
          },
        },
        xAxis: {
          type: "category",
          boundaryGap: true,
          data: dataX,
          axisLabel: {
            interval: 0,
            rotate: 45,
            color: this.fontColor,
          },
          axisTick: {
            alignWithLabel: true, //类目轴中在 boundaryGap 为 true 的时候有效，
            //可以保证刻度线和标签对齐,不设置会出现柱状图不在刻度线中间
          },
        },

        yAxis: {
          type: "value",
          axisLabel: {
            formatter: "{value}件",
            color: this.fontColor,
          },
        },
        series: [
          {
            data: datay,
            type: "bar",
            itemStyle: {
              color: "#18A0FB",
            },
          },
        ],
      };

      option && myChart.setOption(option);
      myChart.resize();
    },
    getProcessingData() {
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: this.interfaceName,
          methodName: "gwHandle",
          args: [this.userId],
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            response.result = JSON.parse(response.result);
            let data = [];
            response.result.items.forEach((element, index) => {
              if (index < 4) {
                data.push(element);
              }
            });
            this.processData = data;
            if (this.processData.length == 0 && this.processCount == 0) {
              this.processShow = false;
            } else if (this.processData.length >= 1) {
              this.processShow = true;
            }
            // if (this.processData.length != 0 && this.processCount == 0) {
            //   this.processShow = true;
            // }
            this.processCount += 1;
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    clickdb() {
      this.getProcessingData();
      this.processShow = true;
    },
    finishedClick() {
      this.processShow = false;
      this.finished();
    },
    finished() {
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: this.interfaceName,
          methodName: "gwLatelyOver",
          args: [this.userId],
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            response.result = JSON.parse(response.result);
            console.log(response.result,'response.result')
            let data = [];
            response.result.forEach((element, index) => {
              if (index < 4) {
                data.push(element);
              }
            });
            this.finishedData = data;
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    // 待办事项
    getTodoList() {
      let param = [this.userId, "公文本周办理,用户本周办件"];
      let that = this;
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: this.interfaceName,
          methodName: "systemHandle",
          args: param,
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            let weeekRes = JSON.parse(response.result);
            for (let i = 0; i < weeekRes.length; i++) {
              if (weeekRes[i].name == "用户本周办件") {
                that.weekFinishDb = weeekRes[i].count;
              } else if (weeekRes[i].name == "公文本周办理") {
                that.weekFinishGw = weeekRes[i].count;
              }
            }
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    // 获取要闻推荐图片
    getPicUrl() {
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: "antu.newportal-zjx.provider.news.NewsProvider",
          methodName: "getNewsForward",
          args: [this.userId],
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            this.imgUrl = JSON.parse(response.result);
            this.syNews = JSON.parse(response.result)[0];
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },

    handleClickNew(tab, event) {
      let param = null;
      if (tab.index == 1) {
      }
      if (tab.index == 2) {
      }
    },

    // 要闻推荐
    getNews() {
      let data = [this.userId, 1];
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: this.interfaceName,
          methodName: "getNews",
          args: data,
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            response.result = JSON.parse(response.result);
            this.firstData = response.result[0];
            response.result.forEach((element, index) => {
              if (index < 5 && index != 0) {
                this.newsData.push(element);
              }
            });
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    // 获取部门动态数
    getBMData() {
      let data = [this.userId, 9];
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: this.interfaceName,
          methodName: "getNews",
          args: data,
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            response.result = JSON.parse(response.result);
            response.result.forEach((element, index) => {
              if (index < 8) {
                this.bmData.push(element);
              }
            });
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    // 获取区县数据
    getQXData() {
      let data = [this.userId, 2];
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: this.interfaceName,
          methodName: "getNews",
          args: data,
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            response.result = JSON.parse(response.result);
            response.result.forEach((element, index) => {
              if (index < 8) {
                this.qxData.push(element);
              }
            });
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    // 获取区县数据
    getJBData() {
      let data = [this.userId, 4, 5];
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: this.interfaceName,
          methodName: "getNews",
          args: data,
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            response.result = JSON.parse(response.result);
            response.result.forEach((element, index) => {
              if (index < 8) {
                this.jbData.push(element);
              }
            });
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    // 获取参阅信息
    getCYData() {
      let data = [this.userId];
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: this.interfaceName,
          methodName: "getReferencInfo",
          args: data,
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            response.result = JSON.parse(response.result);
            response.result.forEach((element, index) => {
              if (index < 8) {
                this.cyData.push(element);
              }
            });
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    // 内部公示
    getNBData() {
      let data = [this.userId];
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: this.interfaceName,
          methodName: "getInsideAnnouncement",
          args: data,
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            response.result = JSON.parse(response.result);
            response.result.forEach((element, index) => {
              if (index < 8) {
                this.nbData.push(element);
              }
            });
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    // 人事任免
    getRSData() {
      let data = [this.userId, 4, 5];
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: this.interfaceName,
          methodName: "getEmployChange",
          args: data,
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            response.result = JSON.parse(response.result);
            response.result.forEach((element, index) => {
              if (index < 8) {
                this.rsData.push(element);
              }
            });
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    // 公示公告
    getGSData() {
      let data = [this.userId, 7];
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: this.interfaceName,
          methodName: "getNews",
          args: data,
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            response.result = JSON.parse(response.result);
            response.result.forEach((element, index) => {
              if (index < 8) {
                this.gsData.push(element);
              }
            });
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },

    // 获取链接信息
    getConfigUrlLink() {
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: this.interfaceName,
          methodName: "getConfigUrlLink",
          args: [this.userId],
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            this.linkUrl = JSON.parse(response.result);
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    xtdhClick2(link, sysId) {
      var a = link.indexOf("?");
      let url = "";
      if (a <= 0) {
        window.open(link + "?uid=" + this.username + "&pwd=" + this.userpwd);
      } else {
        window.open(link + "&uid=" + this.username + "&pwd=" + this.userpwd);
      }
    },
    xtdhClick(link, sysId, child, name, BEL) {
      if (child.length == 0) {
        this.noPower = true;
        return;
      }
      this.name = name;
      child.forEach((v) => {
        v["darkImg"] = this.$API.iconUrl + v["darkIcon"];
      });
      for (var i in child) {
        child[i].BELONG = BEL;
        if (child[i].IS_WEAKLESS == 1) {
          let a = child.splice(i, 1);
          child.push(a[0]);
        }
      }
      this.xtdhIf = false;
      this.child = child;
      document.documentElement.scrollTop = document.body.scrollTop = 250;
      // this.clickRecord(sysId);
      // this.getSystemInfo(sysId);
    },
    clickRecord(linkId) {
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: this.interfaceName,
          methodName: "clickRecord",
          args: [this.userId, linkId],
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    getSystemInfo(sysId) {
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: this.interfaceName,
          methodName: "getSystemInfo",
          args: [sysId, this.userId, this.spc],
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            response.result = JSON.parse(response.result);
            this.userList = response.result.userList;
            this.switchHandle(
              response.result.errorlink,
              response.result.state.toString(),
              response.result.userList,
              sysId
            );
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    switchHandle(_errorlink, _state, userList, sysId) {
      switch (_state) {
        case "0":
          if (_errorlink != null && _errorlink != "") {
            if (_errorlink.indexOf("http") == -1) {
              alert(_errorlink);
            } else {
              window.open(_errorlink);
            }
          }
          break;
        case "1":
          alert("你无查看目标系统权限，请和管理员联系！");
          break;
        case "2":
          this.GetSystemUrl(_state, sysId);
          break;
        case "3":
          if (this.userList.length > 1) {
            this.dialogFormVisible = true;
            this.state = _state;
            this.sysId = sysId;
          } else {
            this.GetSystemUrl(_state, sysId);
          }

          // this.GetSystemUrl(_state, sysId);
          break;
        case "4":
          if (this.userList.length > 1) {
            this.dialogFormVisible = true;
            this.state = _state;
            this.sysId = sysId;
          } else {
            this.GetSystemUrl(_state, sysId);
          }
          // this.GetSystemUrl(_state, sysId);
          break;
      }
    },
    GetSystemUrl(state, sysId) {
      let param;
      if (state == "2") {
        param = [sysId, this.userId];
      } else if (this.state == "3") {
        param = [this.sysId, this.roleID];
      } else if (this.state == "4") {
        param = [this.sysId, this.roleID];
      }
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: this.interfaceName,
          methodName: "getSystemUrl",
          args: param,
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            // response.result = JSON.parse(response.result);
            // unescape(_OpenUrl);
            this.dialogFormVisible = false;
            this.roleID = "";
            if (this.spc) {
              window.open(unescape(response.result));
            } else {
              window.open(unescape(response.result));
            }
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    handleClickblhs(name) {
      this.linkUrl.forEach((item) => {
        if (item.name == name) {
          // window.open(item.url);
          this.outUrl = item.url;
        }
      });
      this.dialogVisible = true;
    },
    handleClose() {
      this.dialogVisible = false;
    },
    handleLink(name) {
      this.linkUrl.forEach((item) => {
        if (item.name == name) {
          if (item.url.indexOf("?") != -1) {
            window.open(
              item.url + "&uid=" + this.username + "&pwd=" + this.userpwd
            );
          } else {
            window.open(
              item.url + "?uid=" + this.username + "&pwd=" + this.userpwd
            );
          }
        }
      });
    },
    finishedLink(name, step, IID, WIID, WNAME) {
      this.linkUrl.forEach((item) => {
        if (item.name == name) {
          if (item.url.indexOf("?") != -1) {
            window.open(
              item.url +
              "&uid=" +
              this.username +
              "&pwd=" +
              this.userpwd +
              "&iid=" +
              IID +
              "&wiid=" +
              WIID +
              "&jump=1&step=" +
              encodeURI(step) +
              "&check=true" +
              "&WNAME=" +
              encodeURI(WNAME)
            );
          } else {
            window.open(
              item.url +
              "?uid=" +
              this.username +
              "&pwd=" +
              this.userpwd +
              "&iid=" +
              IID +
              "&wiid=" +
              WIID +
              "&jump=1&step=" +
              encodeURI(step) +
              "&check=true"
            );
          }
        }
      });
    },
    newsLink(mid) {
      let url = window.location.href;
      window.open(url.split("#")[0] + "#/newsCenter?mid=" + mid);
    },
    newsLink2() {
      window.open(
        "http://172.18.2.232:8888/portal/page/cdindex.html?page=tyck&uid=" +
        this.username +
        "&pwd=" +
        this.userpwd
      );
    },
    detailClickLink(mid, nid) {
      let url = window.location.href;
      if (mid == 5) {
        window.open(
          "http://172.18.2.168/ieju/Login.aspx?uid=" +
          this.username +
          "&pwd=" +
          this.userpwd +
          "&pageurl=MonitorIndex.aspx?noticeid=" +
          nid +
          "&pagetype=other"
        );
        return false;
      }
      window.open(
        url.split("#")[0] + "#/newsCenter?mid=" + mid + "&nid=" + nid
      );
    },
    carouselChange(item) {
      this.syNews = this.imgUrl[item];
    },
    detailClickLink2(item) {
      window.open(
        "http://172.18.2.232:8888/portal/page/cdindex.html?page=tyck&uid=" +
        this.username +
        "&pwd=" +
        this.userpwd +
        "&ptiid=" +
        item.IID +
        "&ptwiid=" +
        item.WIID +
        "&ptwid=" +
        item.ID +
        "&ptname=" +
        encodeURIComponent(item.TITLE)
      );
    },
    // 待办和最近已完成详情跳转链接
    detailLink(name, step, IID, WIID, WNAME) {
      this.linkUrl.forEach((item) => {
        if (item.name == name && item.needAccountInfo == true) {
          window.open(
            item.url +
            "?uid=" +
            this.username +
            "&pwd=" +
            this.userpwd +
            "&iid=" +
            IID +
            "&wiid=" +
            WIID +
            "&jump=1&step=" +
            encodeURI(step) +
            "&WNAME=" +
            encodeURI(WNAME)
          );
        }
      });
    },
    gsggLink(name, id) {
      this.linkUrl.forEach((item) => {
        if (item.name == name) {
          window.open(
            item.url +
            "&id=" +
            id +
            "&uid=" +
            this.username +
            "&pwd=" +
            this.userpwd
          );
        }
      });
    },
    rsrmLink(name, id) {
      this.linkUrl.forEach((item) => {
        if (item.name == name) {
          window.open(item.url + "?id=" + id);
        }
      });
    },
    cyxxClick(title, IID, WIID) {
      window.open(
        "http://172.18.2.232:8888/portal/page/cdindex.html?page=tyck&uid=" +
        this.username +
        "&pwd=" +
        this.userpwd +
        "&ptiid=" +
        IID +
        "&ptwiid=" +
        WIID +
        "&ptname=" +
        encodeURIComponent(title)
      );
    },
    jbxxClick(id) {
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: this.interfaceName,
          methodName: "getFileById",
          args: [id],
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            if (response.result.indexOf(".pdf") != -1) {
              window.open(response.result);
            }
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    nbgsClick(id) {
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: this.interfaceName,
          methodName: "getnbgsLink",
          args: [id, this.userId],
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            window.open(response.result);
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    // 待办和最近已完成跳转链接
    // 获取图片链接  跳转的链接
    linkPicSelect() {
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: this.interfaceName,
          methodName: "linkPicSelect",
          args: [this.userId],
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            this.linkImgUrl = JSON.parse(
              JSON.parse(response.result).defaultValue
            );
            console.log(this.linkImgUrl, response.result, 'this.linkImgUrl')
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    // 代办事项
    daiban() {
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: this.interfaceName,
          methodName: "getdbsxDatas",
          args: [localStorage.getItem("TOKEN"), this.userId],
        },
        dataType: "json",
        success: (response) => {
          this.jyzqpData = JSON.parse(response.result);
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    handleImgLink(url) {
      window.open(url);
    },

    getPercentageData(data) {
      let res = [];
      //先分类汇总
      let sumobj = {};
      let keyArr = [];
      let total = 0;
      for (let i = 0; i < data.length; i++) {
        let key = data[i].name;
        let value = parseInt(data[i].num);
        if (Object.keys(sumobj).indexOf(key) < 0) {
          keyArr.push(key);
          sumobj[key] = value;
        } else {
          sumobj[key] += value;
        }
        total += value;
      }
      this.sumobj = sumobj;
      //然后算
      for (let key of keyArr) {
        res.push({
          name: key,
          value: Math.round((sumobj[key] / total) * 10000) / 100,
        });
      }
      return res;
    },
    getYcData(data) {
      let res = [];
      var that = this;

      res = data.filter((item) => {
        return item.serial == "";
      });

      res.map((item) => {
        item["value"] = item.num;
      });

      return res;
    },

    qqdjDataStatic() {
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: this.interfaceName,
          methodName: "qqdjDataStatic",
          args: [this.userId],
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            response.result = JSON.parse(response.result);
            this.ycywsyData = response.result["“一窗平台”使用情况"];

            //取出一窗数据
            this.ycywslDataAll = this.getYcData(
              response.result["一窗业务受理-默认"]
            );

            this.ycywslDatayear = this.getPercentageData(
              response.result["一窗业务受理-年"]
            );
            this.ycywslDataday = this.getPercentageData(
              response.result["一窗业务受理-日"]
            );
            this.ycywslDatamounth = this.getPercentageData(
              response.result["一窗业务受理-月"]
            );

            this.ycywbjDataAll = response.result["一窗办件-默认"];
            this.ycywbjDatayear = response.result["一窗办件-年"];
            this.ycywbjDatadate = response.result["一窗办件-日"];
            this.ycywbjDatamonth = response.result["一窗办件-月"];

            this.qsbjszlDataall =
              response.result["全市办件量统计（市政类）-全"];
            this.qsbjszlDatayear =
              response.result["全市办件量统计（市政类）-年"];
            this.qsbjszlDatamonth =
              response.result["全市办件量统计（市政类）-月"];
            this.qsbjjzlDataall =
              response.result["全市办件量统计（建筑类）-全"];
            this.qsbjjzlDatayear =
              response.result["全市办件量统计（建筑类）-年"];
            this.qsbjjzlDatamonth =
              response.result["全市办件量统计（建筑类）-月"];
            this.gnsxData = response.result["功能上线"];
            // this.hsycData = response.result["耗时异常"];
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    getQqdj() {
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: this.interfaceName,
          methodName: "getQQDJRight",
          args: [this.userId],
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            response.result = JSON.parse(response.result);
            console.log(response.result, '测试')
            this.dxywData = response.result["典型业务"];
            console.log(this.dxywData,'典型业务')
            this.sldbDataAll = response.result["受理登簿-默认"];
            for (var i in this.sldbDataAll) {
              this.acceptSum += parseInt(this.sldbDataAll[i]["受理数"]);
              this.logSum += parseInt(this.sldbDataAll[i]["登簿数"]);
            }
            (this.sldbMonthDivide = response.result.sldbMonthDivide),
              (this.sldbYearDivide = response.result.sldbYearDivide);
            this.sldbDatayear = response.result["受理登簿-年"];
            this.sldbDatadate = response.result["受理登簿-日"];
            this.sldbDatamonth = response.result["受理登簿-月"];
            let tmpResData = response.result.bdc_ychs_day;
            this.hsycformDay = response.result.bdc_ychs_day;
            this.hsycformMonth = response.result.bdc_ychs_month;
            this.hsycformWeek = response.result.bdc_ychs_week;
            // let newtem = Object.assign([], response.result.bdc_ychs_day);
            // let arr = newtem.sort(function (a, b) {
            //   return b["在办积压"] - a["在办积压"];
            // });
            for (var i in tmpResData) {
              if (!tmpResData[i]["按时办结率"]) {
                tmpResData[i]["按时办结率"] = 100
              }
            }
              tmpResData.filter((item)=>{
              if(item['按时办结率'] != 100){
                item['按时办结率'] = parseFloat(item['按时办结率']).toFixed(2)
              }
            })
            // tmpResData.sort(function (a, b) {
            //   if (b["按时办结率"] == a["按时办结率"]) {
            //     return b["办理量"] - a["办理量"]
            //   }
            //   return b["按时办结率"] - a["按时办结率"];
            // });
            this.hsycData = tmpResData;
            this.hsyctjsj = response.result.hsyctjsj;
            this.dxywtjsj = response.result.dxywtjsj;
            this.sldbtjsj = response.result.sldbtjsj;
            this.sldbtjsj1 = response.result.sldbtjsj;
            this.sldbtjsjday = response.result.sldbtjsjday;
            this.sldbtjsjmonth = response.result.sldbtjsjmonth;
            this.sldbtjsjyear = response.result.sldbtjsjyear;
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    select() {
      this.gjggDataStaticJzl(this.formInline.region, this.formInline.time);
      this.gjggDataStaticSzl(this.formInline.region, this.formInline.time);
    },
    chooseUser() {
      thi;
    },
    // 工建改革 统计数据查询 建筑类
    gjggDataStaticJzl(code, date) {
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: this.interfaceName,
          methodName: "gjggDataStatic",
          args: [0, code, date],
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            this.gjggJzlData = JSON.parse(response.result);
            for (var i in this.gjggJzlData) {
              for (var a in this.gjggJzlData[i]["项目"]) {
                if (a == 0) {
                  this.gjggJzlData[i].PROJECT_NUM = 0;
                }
                let sd = parseInt(this.gjggJzlData[i].PROJECT_NUM);
                this.gjggJzlData[i].PROJECT_NUM =
                  parseInt(sd) + parseInt(this.gjggJzlData[i]["项目"][a].count);
              }
              for (var b in this.gjggJzlData[i]["在办件"]) {
                if (b == 0) {
                  this.gjggJzlData[i].HANDLE_NUM = 0;
                }
                let zb = this.gjggJzlData[i].HANDLE_NUM;
                this.gjggJzlData[i].HANDLE_NUM =
                  parseInt(zb) +
                  parseInt(this.gjggJzlData[i]["在办件"][b].count);
              }
            }
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    // 市政类
    gjggDataStaticSzl(code, date) {
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: this.interfaceName,
          methodName: "gjggDataStatic",
          args: [1, code, date],
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            this.gjggSzlData = JSON.parse(response.result);
            for (var i in this.gjggSzlData) {
              for (var a in this.gjggSzlData[i]["项目"]) {
                if (a == 0) {
                  this.gjggSzlData[i].PROJECT_NUM = 0;
                }
                let sd = parseInt(this.gjggSzlData[i].PROJECT_NUM);
                this.gjggSzlData[i].PROJECT_NUM =
                  parseInt(sd) + parseInt(this.gjggSzlData[i]["项目"][a].count);
              }
              for (var b in this.gjggSzlData[i]["在办件"]) {
                if (b == 0) {
                  this.gjggSzlData[i].HANDLE_NUM = 0;
                }
                let zb = this.gjggSzlData[i].HANDLE_NUM;
                this.gjggSzlData[i].HANDLE_NUM =
                  parseInt(zb) +
                  parseInt(this.gjggSzlData[i]["在办件"][b].count);
              }
            }
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    //  工建改革左侧数据
    // 工建改革跳转
    gjggLink() {
      window.open(
        "http://172.18.2.207:8080/webroot/decision/view/report?viewlet=gj3scjd%252Fjzydtj.cpt&op=view&tjsj=%E6%9C%88&regionname=ALL"
      );
    },
    jsydClick(tab) {
      if (tab.index == 0) {
        setTimeout(() => {
          this.initJointTrialBjgz();
        }, 1000);
      }
      if (tab.index == 1) {
        setTimeout(() => {
          this.initJointTrialSbst();
        }, 1000);
      }
      if (tab.index == 2) {
        setTimeout(() => {
          this.initJointTrialBjzl();
        }, 1000);
      }
    },
    // 建设用地报批与监管
    jsydbpDataStatic() {
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: this.interfaceName,
          methodName: "jsydbpDataStatic",
          args: [this.userId],
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            response.result = JSON.parse(response.result);
            this.jsydbpData.blgztj = JSON.parse(
              response.result["办理跟踪统计"]
            );
            this.bjgztjsj = response.result.bjgztjsj;
            this.sbsttjsj = response.result.sbsttjsj;
            this.bjzltjsj = response.result.bjzltjsj;
            this.jsydbpData.bjgz = JSON.parse(response.result["报件跟踪统计"]);
            let tmpResData = JSON.parse(response.result["处室会审统计"]);
            tmpResData.sort(function (a, b) {
              return b["会审数"] - a["会审数"];
            });
            tmpResData.forEach((item) => {
              if (item["会审时间"].indexOf(".") != -1) {
                let b = item["会审时间"].split(".");
                if (b[1].length == 1) {
                  b = b.join(".");
                  b += "0";
                  item["会审时间"] = b;
                }
              } else {
                item["会审时间"] += ".00";
              }
            });
            this.jsydbpData.cshs = tmpResData;
            console.log(this.jsydbpData, 'this.jsydbpData')
            setTimeout(() => {
              this.initJointTrialBjgz();
            }, 2000)
            this.jsydbpData.sbst = JSON.parse(response.result["上报省厅统计"]);
            this.jsydbpData.bjzl = JSON.parse(response.result["报件质量统计"]);
            // this.response.result.forEach(item => {});
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    // 天气
    getWeather() {
      var that = this;
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: this.interfaceName,
          methodName: "getWeather",
          args: [this.userId],
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            var WeatherData = JSON.parse(response.result);

            //日期
            that.dateValue =
              WeatherData.date.split("-")[0] +
              "年" +
              WeatherData.date.split("-")[1] +
              "月" +
              WeatherData.date.split("-")[2] +
              "日" +
              " " +
              that.weekDayTransform();
            //天气图标
            that.weatherImg = WeatherData.dayweather;
            that.airValue =
              WeatherData.dayweather +
              " " +
              WeatherData.nighttemp +
              "℃~" +
              WeatherData.daytemp +
              "℃";
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    // 星期
    weekDayTransform() {
      var dayWeek = "";

      var weekVal = new Date().getDay();

      switch (weekVal) {
        case 0:
          dayWeek = "星期日";

          break;

        case 1:
          dayWeek = "星期一";

          break;

        case 2:
          dayWeek = "星期二";

          break;

        case 3:
          dayWeek = "星期三";

          break;

        case 4:
          dayWeek = "星期四";

          break;

        case 5:
          dayWeek = "星期五";

          break;

        case 6:
          dayWeek = "星期六";

          break;

        default:
          break;
      }

      return dayWeek;
    },
    // tab切换
    registerClick(tab) {
      if (tab.index == 1) {
        setTimeout(() => {
          this.initregisterdxyw();
        }, 200);
      }
      if (tab.index == 2) {
        setTimeout(() => {
          this.initRegister(this.sldbDataAll, 3);
        }, 200);
      }
    },
    search() {
      if (this.searchValue == "") {
        this.$message.error("请输入搜索条件！");
        return false;
      }
      window.open(
        "http://172.18.2.38:8099/qwjs/#/?uid=" +
        this.username +
        "&pwd=" +
        this.userpwd +
        "&text=" +
        this.searchValue +
        "&jump=3" +
        "&classify=" +
        this.bgc
      );
    },
    logout() {
      localStorage.removeItem("USER_ID");
      localStorage.removeItem("TOKEN");
      var rememberMe = this.$Cookies.get("chksave");
      if (rememberMe && rememberMe == "false") {
        this.$Cookies.remove("loginName", {expires: 7, path: "/"});
        this.$Cookies.remove("password", {expires: 7, path: "/"});
        this.$Cookies.remove("chksave", {expires: 7, path: "/"});
      }
      this.$router.push("/");
    },
    getUserInfo() {
      var that = this;
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: "antu.newportal-zjx.provider.user.UserProvider",
          methodName: "getUserInfo",
          args: [localStorage.getItem("USER_ID")],
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            response.result = JSON.parse(response.result);
            that.userInfo = response.result;
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    todayStady() {

      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: "antu.newportal-zjx.provider.user.UserProvider",
          methodName: "everyDayStudy",
          args: [this.userId],
        },
        dataType: "json",
        success: (res) => {
          if (res.status == 0) {
            this.studyMsg = JSON.parse(res.result);
            if (this.studyMsg && this.studyMsg.length > 0) {
              this.studyMsg.forEach((item) => {
                item.CDATE = item.CDATE.split(" ")[0];
                if (item.JT == 1) {
                  this.toDayTit = item.TITLE || "";
                  this.toDayStudy.push(item);
                }
                if (item.JT == 0) {
                  this.pastStudy.push(item);
                }
              });
              if (this.toDayTit == "") {
                this.toDayTit = this.pastStudy[0].TITLE || '';
              }
              if (this.studyMsg.length > 0) {
                this.dialogClose = true;
              }
            }

          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    finishStudy() {
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: "antu.newportal-zjx.provider.user.UserProvider",
          methodName: "StudyHandle",
          args: [this.userId],
        },
        dataType: "json",
        success: (res) => {
          if (res.status == 0) {
            this.dialogClose = false;
            this.studyMsg = [];
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    // 返回顶部
    gotoTop() {
      document.documentElement.scrollTop = document.body.scrollTop = 0;
    },
    // 获取办理点
    getSlData() {
      var that = this;
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: this.interfaceName,
          methodName: "bdcslRegions",
          args: [localStorage.getItem("USER_ID")],
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            response.result = JSON.parse(response.result);
            for (var i in response.result) {
              if (response.result[i].QXMC == '中心城区') {
                response.result[i].QXMC = '市本级'
              }
              if (response.result[i].QXMC == '简阳市') {
                response.result[i].QXMC = '简阳市(含东部新区)'
              }
            }
            that.bldData = response.result;
          }
          setTimeout(() => {
            that.getSlData();
          }, 5000);
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    // 获取确权登记-今日受理信息
    getDJYWSllData() {
      var that = this;
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: this.interfaceName,
          methodName: "bdcYwdjSl",
          args: [localStorage.getItem("USER_ID")],
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            response.result = JSON.parse(response.result);
            console.log(response.result, 'response.result')
            that.jrslData.newData = response.result;
            that.jrslData.newData["总受理数"] =
              that.jrslData.newData["总受理数"].toString();
            that.increaseNumber(that.jrslData.newData["总受理数"]);
            setTimeout(() => {
              that.getDJYWSllData();
            }, 10000);
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    // 获取搜索关键词
    getAllClassify() {
      var _this = this;
      //注意：从本地录取的文件dl和lx相等。
      let params = [];
      params.push(_this.$.cookie("token"));
      this.$.ajax({
        url: "http://172.18.2.38:10985/callProvider",
        type: "post",
        data: {
          interfaceName: "antu.elasticsearch.provider.search",
          methodName: "getAllClassify",
          args: params,
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            _this.TabLists = JSON.parse(response.result);
          } else {
            _this.link =
              "http://172.18.4.30:31135/onemapV5.0/pages/otherIframe/jsydsp_custom_overlay.html";
            _this.$message.error(response.message);
          }
        },
        error: (xhr) => {
          _this.link =
            "http://172.18.4.30:31135/onemapV5.0/pages/otherIframe/jsydsp_custom_overlay.html";
          _this.$message.error(xhr.status + ":" + xhr.statusText);
        },
      });
    },
    // 展开与折叠统计图表
    opCloChart(type) {
      if (type == "qqdhRef") {
        this.isQqdhRef = !this.isQqdhRef;
      } else if (type == "gjggRef") {
        this.isGjggRef = !this.isGjggRef;
      } else if (type == "jsydbpjgRef") {
        this.isJsydbpjgRef = !this.isJsydbpjgRef;
      } else if (type == "zhyw") {
        this.isZhywRef = !this.isZhywRef;
      }
    },

    // 今日批阅
    getDayHandleCount() {
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName:
            "antu.newportal-zjx.provider.synthesisbusiness.SynthesisBusiness",
          methodName: "getDayHandleCount",
          args: [""],
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            this.jryp = JSON.parse(response.result).JRYP;
            this.bysl = JSON.parse(response.result).BYSW;
            this.cqwbj = JSON.parse(response.result).DQZB;
          }
          setTimeout(() => {
            this.getDayHandleCount();
          }, 60000);
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    // 超期未办理
    // getOverdueInstance() {
    //   this.$.ajax({
    //     url: this.$API.ajaxPath,
    //     type: "post",
    //     data: {
    //       interfaceName:
    //         "antu.newportal-zjx.provider.synthesisbusiness.SynthesisBusiness",
    //       methodName: "getOverdueInstance",
    //       args: [this.userId],
    //     },
    //     dataType: "json",
    //     success: (response) => {
    //       if (response.status == "0") {
    //         response.result = JSON.parse(response.result);
    //         this.cqwbj = response.result[0].COUNT;
    //       }
    //     },
    //     error: (xhr) => {
    //       console.log(xhr);
    //     },
    //   });
    // },
    getYear() {
      let data = new Date().getFullYear();
      var Year = data - 2020;
      var arr = [];
      for (var i = 0; i <= Year; i++) {
        arr.push(data--);
      }
      arr.forEach((ele) => {
        this.YearData.push({
          value: ele,
          label: ele + "年",
        });
      });
    },
    getChartsData() {
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: "antu.newportal-zjx.provider.portal.PortalProvider",
          methodName: "getBarChartStaticData",
          args: [this.yearType],
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            this.tableData = JSON.parse(response.result);
            var i = this.tableData.length - 1;
            var arr = {};
            arr = this.tableData.splice(i, 1);
            this.tableData.unshift(arr[0]);
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    newgetChartsData(val) {
      let tmpResData = []
      let newtem = []
      this.hsycData = []
      if (val == '日') {
        tmpResData = this.hsycformDay
        newtem = Object.assign([], this.hsycformDay);
      } else if (val == '周') {
        tmpResData = this.hsycformWeek
        newtem = Object.assign([], this.hsycformWeek);
      } else if (val == '月') {
        tmpResData = this.hsycformMonth
        newtem = Object.assign([], this.hsycformMonth);
      }
      let arr = newtem.sort(function (a, b) {
        return b["在办积压"] - a["在办积压"];
      });
      tmpResData.sort(function (a, b) {
        return b["超期办结"] - a["超期办结"];
      });
      this.hsycData = tmpResData;
      console.log(this.hsycData)
    },
    openurl(url) {
      let newHref = window.location.href;

      this.xturl = newHref.split("#")[0] + "#" + url;
      return true;
    },
    openUrl2(url) {
      let newHref = window.location.href;
      this.xturl = newHref.split("#")[0] + "#" + url;
      window.open(this.xturl);
    },
    toOutUrl(type) {
      window.open(
        "http://172.18.2.232:8888/portal/page/cdindex.html?page=mh_dzqp&status=" +
        type +
        "&uid=" +
        this.username +
        "&pwd=" +
        this.userpwd
      );
    },
    // 本月受理
    getConfigSelectData(type) {
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: this.interfaceName,
          methodName: "getConfigSelectData1",
          args: [type, "", this.formInline.region],
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            response.result = JSON.parse(response.result, type, "res");
            // if (type == "ZHSW_BYSL") {
            //   this.bysl = response.result[0].COUNT;
            // }
            if (type == "DB_STATIC_SQL") {
              this.duBan = response.result;
            }
            if (type == "GJ_STATIC_SQL") {
              this.gjggdqzbqk = [];
              response.result.filter((item) => {
                if (item.STATUS == 1) {
                  this.gjggdqzbqk.push(item);
                }
                if (item.STATUS == 2) {
                  if (item["办理数"] == 0) {
                    this.pjblsj = 0;
                  } else {
                    this.pjblsj = (item["办理时间"] / item["办理数"]).toFixed(
                      1
                    );
                  }
                }
              });
            }
            if (type == "ZHSW_GJFZ") {
              this.mhbygjfz = response.result.filter((item) => {
                return item.TYPE != "建筑类";
              });
              this.fzstotal = 0;
              this.mhbygjfzJzl = [];
              response.result.forEach((item) => {
                if (item.TYPE == "建筑类") {
                  this.mhbygjfzJzl.push(item);
                }
                this.fzstotal = parseInt(this.fzstotal) + parseInt(item.COUNT);
              });
            }
            if (type == "ZHSW_GJZSCC") {
              this.gjjscc = response.result;
            }
            // 督办
            if (type == "ZHSW_DBTJ") {
              let tmpData = response.result;
              let that = this;
              this.dbJrsl = {};
              if (tmpData.length > 0) {
                tmpData.map((item) => {
                  that.dbJrsl[item.NAME] = item.COUNT;
                });
              }
            }
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },
    // 获取综合业务无柱状图数据 发文统计
    getBarChartStaticDatafwtj(type) {
      if (type == "fwtj") {
        this.fwtjTime = this.yesterday;
      } else if (type == "fwtj_month") {
        this.fwtjTime = this.beforeMounth + "-" + this.yesterday;
      } else if (type == "fwtj_year") {
        this.fwtjTime = this.beforeYear + "-" + this.yesterday;
      }
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: this.interfaceName,
          methodName: "getBarChartStaticData",
          args: [type],
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            this.fwtj = JSON.parse(response.result);
            setTimeout(() => {
              this.initZhywFwtj();
            }, 10000);
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },

    getBarChartStaticDataydd(type) {
      if (type == "mobileSystem") {
        this.yddTime = this.yesterday;
      } else if (type == "mobileSystem_month") {
        this.yddTime = this.beforeMounth + "-" + this.yesterday;
      } else if (type == "mobileSystem_year") {
        this.yddTime = this.beforeYear + "-" + this.yesterday;
      }
      this.$.ajax({
        url: this.$API.ajaxPath,
        type: "post",
        data: {
          interfaceName: this.interfaceName,
          methodName: "getBarChartStaticData",
          args: [type],
        },
        dataType: "json",
        success: (response) => {
          if (response.status == "0") {
            this.ydd = JSON.parse(response.result);
            setTimeout(() => {
              this.initZhywYdd();
            }, 100);
          }
        },
        error: (xhr) => {
          console.log(xhr);
        },
      });
    },

    zhywClick(tab) {
      if (tab.index == 1) {
        setTimeout(() => {
          this.getBarChartStaticDataydd("mobileSystem");
        }, 200);
      }
    },
    toFWZN() {
      this.noPower = false;
      // this.$router.push("/serviceList");
      // this.$router.push({
      //   name: "serviceList",
      //   query: { type: "cjwt", systemId: id },
      // });
    },
    readSystemList() {
      this.diaologIf = true;
    },
    // 关闭
    close_c() {
      this.xtdhIf = true;
    },
    close_d() {
      this.diaologIf = false;
    },
    movehover() {
      this.noPower = false;
    },
  },
};
</script>

<style lang="less" scoped>
@import "./css/light.less";
// @import "./css/blue.less";
@import "./css/dark.less";

.close {
  cursor: pointer;
}

.xtdh_padding {
  /deep/ .el-tabs__header {
    padding: 0 26px;
  }
}

.gnsx-table-box /deep/ td {
  padding: 5px 0;
}

.gnsx-table-box /deep/ .el-table .cell {
  font-size: 12px;
}

.gnsx-table-box /deep/ thead tr th:first-of-type div {
  display: none;
}

.home_light .main .centent .todoList .month_pi_BOX li,
.home_dark .main .centent .todoList .month_pi_BOX li {
  cursor: pointer;
  z-index: 998;
}

.gnsx-table-box /deep/ .el-table td,
.gnsx-table-box /deep/ .el-table th {
  padding: 3px 0;
}

.theme {
  span {
    display: inline-block;
    margin-right: 10px;
  }
}

#d1 {
  height: 125px;
  display: flex;
  overflow: hidden;
  width: 100%;
  margin-left: 5px;
  margin-right: 6px;
}

#d12 {
  /*元素个数*207(div宽度)  动态算 828px[4个元素] 1035px[5个元素]  1242px[6个元素]  2070px[10个元素]
  用JS动态设置改值
  */
  /*先预设足够放10张图片的宽度*/
  width: 2070px;
  height: 125px;
  /*使用弹性布局排列*/
  display: flex;
  transition: all 0.3s linear 0s;
  /*再将多出来的5张图片的宽度用负边距隐藏起来*/
  margin-right: -1035px;
}

#d12 .d120 {
  height: 121px;
  z-index: 1;
}

.ddd {
  width: calc(100% / 4);
  margin-right: 12px;
}

.gnsx-hint-table {
  p {
    text-align: center;
    font-size: 13px;
    color: rgb(132, 133, 141);
    margin: 0;
    padding: 3px 0 0 0;
  }
}

/* 设置滚动条的样式 */
::-webkit-scrollbar {
  width: 7px;
}

/* 滚动槽 */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.4);
  border-radius: 10px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.6);
}

// 今日受理滚动设置
.box-item {
  position: relative;
  height: 38.5px;
  font-size: 24px;
  font-weight: bold;
  line-height: 35px;
  text-align: center;
  list-style: none;
  color: #57a6f3;
  display: flex !important;
  // writing-mode: vertical-lr;
  // text-orientation: upright;
  /*文字禁止编辑*/
  -moz-user-select: none;
  /*火狐*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  -ms-user-select: none;
  /*IE10*/
  -khtml-user-select: none;
  /*早期浏览器*/
  user-select: none;
  /* overflow: hidden; */
}

/* 默认逗号设置 */
.mark-item {
  width: 10px;
  height: 35px;
  margin-right: 5px;
  line-height: 10px;
  font-size: 18px;
  position: relative;

  & > span {
    position: absolute;
    width: 100%;
    bottom: 0;
    writing-mode: vertical-rl;
    text-orientation: upright;
  }
}

/*滚动数字设置*/
.number-item {
  width: 38.5px;
  height: 44px;
  background: #fff;
  list-style: none;
  margin-right: 5px;
  background: rgba(250, 250, 250, 1);
  border-radius: 4px;
  border: 1px solid rgba(221, 221, 221, 1);

  & > span {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    // writing-mode: vertical-rl;
    // text-orientation: upright;
    overflow: hidden;
    font-size: 25px;
    top: 4px;

    & > i {
      font-style: normal;
      position: absolute;
      top: 9px;
      left: 50%;
      transform: translate(-50%, 0);
      transition: transform 1s ease-in-out;
      letter-spacing: 10px;
    }
  }
}

.number-item:last-child {
  margin-right: 0;
}

.teg_flex {
  display: flex;
  justify-content: space-between;

  .tag {
    width: 48% !important;
    margin-right: 0 !important;
  }
}

.color_FBE963 {
  color: #d43030 !important;
}

.color_FBE963 {
  color: #ff8d1a !important;
}

.color_FBE963 {
  color: #fbe963 !important;
}

.color_57A6F3 {
  color: #57a6f3 !important;
}

.leftbox {
  display: inline-flex;
  width: 35.5%;
  flex-direction: column;
}

.home_dark .leftbox .active {
  background: #1449a7 !important;
  color: #fff !important;
}

.home_dark .leftbox .leftItem {
  background: rgba(20, 73, 167, 0.25);
  cursor: pointer;
}

.home_light .leftbox .leftItem {
  background: #f6f7fb;
  cursor: pointer;
}

.home_light .leftbox .active {
  background: #dbe3fa;
}

.home_dark .rightBox {
  background: rgba(20, 73, 167, 0.25);
}

.home_light .rightBox {
  background: #f6f7fb;
}

.rightBox {
  display: inline-flex;
  width: 62.5%;
  flex-direction: column;
  padding: 0 16px;
  box-sizing: border-box;
  justify-content: flex-start;
}

.leftItem {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  margin-bottom: 12px;

  p {
    margin: 0;
  }
}

.leftItem:last-child {
  margin-bottom: 0 !important;
}

.rightItem {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px dashed rgba(20, 73, 167, 0.25);

  p {
    margin: 0;
  }
}

.rightItem:last-child {
  border-bottom: 0 !important;
}

.dbsx-box /deep/ .el-tabs__active-bar,
.processing /deep/ .el-tabs__active-bar {
  background-color: transparent;
  width: 63px !important;
}

.home_light .el-col-24,
.home_dark .el-col-24 {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  position: relative;
}

.home_dark .main .centent .architecture {
  width: 100%;
  padding: 0 40px 20px;
  height: auto;
  overflow: hidden;
}

.home_light .main .centent .architecture {
  width: 100%;
  padding: 0 40px 20px;
  right: 5px;
  height: auto;
  overflow: hidden;
}

.home_light .main .centent .reform,
.home_dark .main .centent .reform {
  width: 98.96%;
}

.home_light .main .centent .item_architecture li:last-child,
.home_dark .main .centent .item_architecture li:last-child {
  margin-right: 0 !important;
}

.tag_zhcc {
  margin-top: 0 !important;
}

.home_light .main .centent .architecture .demo-form-inline,
.home_dark .main .centent .architecture .demo-form-inline {
  right: 34px;
}

.home_light .main .centent .handling,
.home_dark .main .centent .handling {
  padding: 0 40px 20px;
  width: 100% !important;
  margin-right: 0px !important;
  height: auto;
}

.project_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.projectTit {
  margin: 0 !important;
}

.home_light .main .centent .platform .but,
.home_dark .main .centent .platform .but {
  z-index: 998;
}

.home_light .main .centent .platform .but .jt_icon,
.home_dark .main .centent .platform .but .jt_icon {
  background-position-y: 5px !important;
}

.home_light .main .centent .todoList .month_pi_BOX,
.home_dark .main .centent .todoList .month_pi_BOX {
  padding: 16px 0;
  bottom: 0;
}

.home_light .main .centent .todoList .month_pi_BOX > ul,
.home_dark .main .centent .todoList .month_pi_BOX > ul {
  display: flex;
  align-items: center;
}

.home_light .main .centent .dealtWith ul .deal_grid i,
.home_dark .main .centent .dealtWith ul .deal_grid i {
  margin: 5px 0 0 31%;
}

.home_light .main .centent .dealtWith ul .deal_grid,
.home_dark .main .centent .dealtWith ul .deal_grid {
  align-items: center;
  padding: 11px 8px 0;
}

.home_light .main .centent .dealtWith ul .deal_grid .deal_text,
.home_dark .main .centent .dealtWith ul .deal_grid .deal_text {
  width: 50%;
}

.diaolog_l {
  position: fixed;
  width: 67.3%;
  z-index: 999;
  background: rgba(24, 65, 141, 0.95);
  padding: 0 28px;
  top: 7vh;
  left: 220px;
}

* {
  font-size: 14px;
}

.number-item > span > i {
  font-size: 22px;
}

.home_light .main .centent .title .title_text,
.home_dark .main .centent .title .title_text {
  width: 90%;
}

.el-table th,
.el-table .darkTable {
  background-color: #262a54 !important;
}

.home_light[data-v-8dc7cce2] .el-tabs__content,
.home_dark[data-v-8dc7cce2] .el-tabs__content {
  overflow: inherit !important;
}

.home_light .el-row,
.home_dark .el-row {
  width: 100%;
  overflow: hidden;
}

.dark-table td {
  border-bottom: 1px solid rgba(206, 84, 84, 0.2);
}

.home_light .system_child {
  color: #409eff;
  background: rgba(246, 247, 251, 1);
}

.home_light .main .centent .system_navigation .system_child .sys_list {
  background: rgba(246, 247, 251, 1);
  color: rgba(83, 83, 83, 1);
}

.el-table--border::after,
.el-table--group::after,
.el-table::before {
  height: 0 !important;
}

.home_light .main .centent .system_navigation ul .grid p,
.home_dark .main .centent .system_navigation ul .grid p {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.home_light .header {
  position: relative;
  width: 100%;
  height: 94px;
  padding: 0 53px 0 102px;
  background-color: #fff;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.09714285714285708);
  box-sizing: border-box;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;

  .title {
    width: 430px;
    height: 30px;
    float: left;
    background: url(../assets/image/title_00.png) no-repeat;
    background-size: 100% 100%;
  }

  .theme {
    float: right;
    line-height: 94px;
    cursor: pointer;

    i {
      display: inline-block;
      width: 17px;
      height: 17px;
    }

    .light {
      border: 1px solid #d9d9d9;
      background-color: #fff;
    }

    .dark {
      border: 1px solid #cccccc;
      background-color: #000;
    }
  }

  .header-right-box {
    display: flex;
    align-items: center;
    font-size: 14px;

    .header-menu-box {
      display: flex;
      width: 250px;
      margin-right: 10px;
      justify-content: space-between;
    }

    .header-search-box {
      display: flex;

      .el-button--primary {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 70px;
      }
    }
  }
}

.gridTit {
  width: 100px;
}

@media screen and (min-width: 2300px) {
  .home_dark .main .centent .system_navigation ul .grid .grid_box,
  .home_light .main .centent .system_navigation ul .grid .grid_box {
    width: 3vw;
    height: 3vw;
  }
}

@media (max-width: 1919px) and (min-width: 1440px) {
  .home_light .main .centent .system_navigation ul .grid .grid_box,
  .home_dark .main .centent .system_navigation ul .grid .grid_box {
    width: 50px;
    height: 50px;
  }

  .main .centent .information ul li .text_information {
    width: 20vw !important;
  }

  .cshs-list-box > li:nth-child(3n + 3) {
    margin-right: 2% !important;
  }

  .cshs-list-box > li:nth-child(2n + 2) {
    margin-right: 0 !important;
  }

  .span_03 {
    font-size: 12px;
  }

  .home_dark .main .centent .system_navigation,
  .home_light .main .centent .system_navigation {
    height: 970px !important;
  }

  .registration_grid p,
  .orderTitle {
    font-size: 17px;
  }

  .home_light .main .centent .system_navigation ul .grid .grid_box img,
  .home_dark .main .centent .system_navigation ul .grid .grid_box img {
    width: 32px;
    height: 32px;
  }

  .home_light .dxyw-list-item,
  .home_dark .dxyw-list-item {
    width: 23%;
  }

  .home_light .main .centent .registration ul li,
  .home_dark .main .centent .registration ul li {
    width: 48%;
  }

  .home_light .cshs-list-item,
  .home_dark .cshs-list-item {
    width: 49% !important;
    margin-bottom: 15px;
  }

  .home_light .cshs-val,
  .home_dark .cshs-val {
    padding-left: 7px;
  }

  .home_light .main .centent .dealtWith ul .deal_grid,
  .home_dark .main .centent .dealtWith ul .deal_grid {
    width: 42%;
  }

  .home_light .main .centent .dealtWith ul .deal_grid i,
  .home_dark .main .centent .dealtWith ul .deal_grid i {
    margin: 29px 0 0 5%;
  }

  .home_light .main .centent .dealtWith ul .deal_grid .deal_text,
  .home_dark .main .centent .dealtWith ul .deal_grid .deal_text {
    margin-left: 12px;
  }

  .home_light .main .centent .dealtWith ul .deal_grid,
  .home_dark .main .centent .dealtWith ul .deal_grid {
    padding: 21px 15px 0;
  }

  .number-item {
    width: 27.5px;
    height: 35px;
  }

  .number-item > span > i {
    top: 5px;
    font-size: 22px !important;
  }

  .home_light .main .centent .title .title_text,
  .home_dark .main .centent .title .title_text {
    font-size: 18px;
  }

  .home_light .main .centent .title .title_text img,
  .home_dark .main .centent .title .title_text img {
    width: 80%;
  }

  .home_light .main .centent .importantNews .news li:first-child .txt,
  .home_dark .main .centent .importantNews .news li:first-child .txt {
    width: 57.4% !important;
    top: -10px !important;
  }

  .home_light .main .centent .item_architecture li .header_architecture,
  .home_dark .main .centent .item_architecture li .header_architecture {
    font-size: 13px;
  }

  .home_light .main .centent .tag_registration .jryp-box p,
  .home_dark .main .centent .tag_registration .jryp-box p {
    font-size: 14px;
  }

  .home_light .main .centent .tag_registration .jryp-number-box span,
  .home_dark .main .centent .tag_registration .jryp-number-box span {
    padding: 3px 10px;
    font-size: 20px;
  }

  .home_light .main .centent .dealtWith,
  .home_dark .main .centent .dealtWith {
    min-height: 380px;
  }

  .sys_text > span {
    font-size: 12px !important;
  }

  .home_light
  .main
  .centent
  .system_navigation
  .system_child
  .sys_list
  .sys_top_box
  .top_icon,
  .home_dark
  .main
  .centent
  .system_navigation
  .system_child
  .sys_list
  .sys_top_box
  .top_icon {
    width: 27px;
    height: 27px;
  }

  .home_light
  .main
  .centent
  .system_navigation
  .system_child
  .sys_list
  .sys_top_box
  .top_icon
  img,
  .home_dark
  .main
  .centent
  .system_navigation
  .system_child
  .sys_list
  .sys_top_box
  .top_icon
  img {
    width: 17px;
    height: 17px;
    top: 6px;
  }

  .home_light
  .main
  .centent
  .system_navigation
  .system_child
  .sys_list
  .sys_top_box
  .top_btn,
  .home_dark
  .main
  .centent
  .system_navigation
  .system_child
  .sys_list
  .sys_top_box
  .top_btn {
    width: 67px;
    height: 27px;
    font-size: 12px;
  }

  .home_light
  .main
  .centent
  .system_navigation
  .system_child
  .sys_list
  .sys_top_box
  .top_title,
  .home_dark
  .main
  .centent
  .system_navigation
  .system_child
  .sys_list
  .sys_top_box
  .top_title {
    font-size: 13px;
    left: 4px;
    width: 125px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .home_light .main .centent .system_navigation .system_child .sys_list .item_c,
  .home_dark .main .centent .system_navigation .system_child .sys_list .item_c {
    height: auto;
  }

  .home_light .main .centent .registration,
  .home_light .main .centent .register,
  .home_dark .main .centent .registration,
  .home_dark .main .centent .register {
    height: 705px;
  }

  .home_dark .main .centent .registration,
  .home_light .main .centent .registration {
    padding: 25px 24px;
  }

  .home_light .main .centent .todoList .tabHie li,
  .home_dark .main .centent .todoList .tabHie li {
    width: 47%;
  }

  .home_light .main .centent .todoList .tabHie li:nth-child(even),
  .home_dark .main .centent .todoList .tabHie li:nth-child(even) {
    width: 120px !important;
    margin-left: 18px;
  }

  .home_light .main .centent .todoList .tabHie li .text_title,
  .home_dark .main .centent .todoList .tabHie li .text_title {
    font-size: 12px;
  }

  .home_light .main .centent .todoList,
  .home_dark .main .centent .todoList {
    height: 370px;
  }

  .home_light .main .centent .processing,
  .home_dark .main .centent .processing {
    height: 370px;
  }

  .home_light .main .centent .processing li .proBOX,
  .home_dark .main .centent .processing li .proBOX {
    display: flex;
    align-items: center;
    font-size: 15px;
    justify-content: space-between;
  }

  .home_light .main .centent .todoList .month_pi_BOX,
  .home_dark .main .centent .todoList .month_pi_BOX {
    width: 100%;
    position: inherit;
  }

  .home_light .main .centent .todoList .month_pi_BOX > ul,
  .home_dark .main .centent .todoList .month_pi_BOX > ul {
    display: flex;
    justify-content: space-between;
  }

  .home_light .main .centent .todoList .month_pi_BOX > ul > li,
  .home_dark .main .centent .todoList .month_pi_BOX > ul > li {
    text-align: center;
  }

  .home_light .main .centent .todoList .month_pi_BOX ul > li .span_o1,
  .home_dark .main .centent .todoList .month_pi_BOX ul > li .span_o1 {
    margin-right: 0 !important;
  }

  .span_o1,
  .spna_02 {
    font-size: 12px;
  }

  .projectTit {
    width: 117px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .home_light .main .centent .title .title_text,
  .home_dark .main .centent .title .title_text {
    width: 80%;
  }

  .home_light .main .centent .system_navigation ul,
  .home_dark .main .centent .system_navigation ul {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  .home_light .main .centent .system_navigation ul .grid p,
  .home_dark .main .centent .system_navigation ul .grid p {
    width: 60px !important;
  }

  .home_light .main .centent .item_architecture li .body_architecture .project,
  .home_dark .main .centent .item_architecture li .body_architecture .project {
    padding: 0 10px;
  }

  .home_light .main .centent .item_architecture li .body_architecture,
  .home_dark .main .centent .item_architecture li .body_architecture {
    padding: 11px 10px 0;
  }

  .project_item {
    padding: 0 10px;
  }

  .home_light .main .centent .item_architecture li .body_architect,
  .home_dark .main .centent .item_architecture li .body_architect {
    padding: 11px 10px 0;
  }

  .home_light .main .centent .item_architecture li .body_architect .project,
  .home_dark .main .centent .item_architecture li .body_architect .project {
    padding: 0 10px;
  }

  .home_light .main .centent .item_architecture li .body_architect p,
  .home_dark .main .centent .item_architecture li .body_architect p {
    padding: 0 10px !important;
  }

  .home_light .main .centent .title .title_text .sub,
  .home_dark .main .centent .title .title_text .sub {
    font-size: 16px !important;
  }

  .home_light .cshs-val div p:first-of-type,
  .home_dark .cshs-val div p:first-of-type {
    font-size: 14px;
  }

  .home_light .cshs-val div p,
  .home_dark .cshs-val div p {
    font-size: 14px;
  }

  .home_light .main .centent .tag_registration .tag_zhcc,
  .home_dark .main .centent .tag_registration .tag_zhcc {
    padding-left: 16px;
  }

  .home_light .main .centent .register {
    height: 705px !important;
  }

  .home_light .main .centent .reform,
  .home_dark .main .centent .reform {
    padding: 25px 24px;
  }

  .home_dark .main .centent .time,
  .home_light .main .centent .time {
    position: relative;
    bottom: 10px;
  }

  .textTitInfo {
    width: 75px;
  }

  .home_dark .dxyw-list-item p,
  .home_light .dxyw-list-item p {
    font-size: 12px;
  }

  .home_dark .dxyw-count-box div,
  .home_light .dxyw-count-box div {
    padding: 13px 11px;
  }
}

@media (min-width: 1279px) and (max-width: 1439px) {
  .home_light .main .centent .item_architecture li,
  .home_dark .main .centent .item_architecture li {
    margin: 15px 6px 0 0;
  }

  .home_light .main .centent .system_navigation ul .grid .grid_box,
  .home_dark .main .centent .system_navigation ul .grid .grid_box {
    height: 45px;
    width: 45px;
  }

  .cshs-list-box > li:nth-child(3n + 3) {
    margin-right: 4% !important;
  }

  .cshs-list-box > li:nth-child(2n + 2) {
    margin-right: 0 !important;
  }

  .cshs-list-item {
    margin-right: 4% !important;
  }

  .span_03 {
    font-size: 12px;
  }

  .main .centent .information ul li .text_information {
    width: 20vw !important;
  }

  .registration_grid p,
  .orderTitle {
    font-size: 17px;
  }

  .home_light .main .centent .system_navigation ul .grid,
  .home_dark .main .centent .system_navigation ul .grid {
    width: 53px;
  }

  .home_light .main .centent .system_navigation ul .grid p,
  .home_dark .main .centent .system_navigation ul .grid p {
    width: 50px !important;
  }

  .home_light .main .centent .system_navigation ul .grid .grid_box img,
  .home_dark .main .centent .system_navigation ul .grid .grid_box img {
    width: 25px;
    height: 25px;
  }

  .home_dark .dxyw-list-item p,
  .home_light .dxyw-list-item p {
    font-size: 12px;
  }

  .home_dark .cshs-list-item,
  .home_light .cshs-list-item {
    width: 48%;
  }

  .home_dark .cshs-val div p,
  .home_light .cshs-val div p {
    font-size: 12px !important;
  }

  .home_dark .main .centent .dealtWith,
  .home_light .main .centent .dealtWith {
    min-height: 380px;
  }

  .home_dark .main .centent .title .title_text .sub,
  .home_light .main .centent .title .title_text .sub {
    font-size: 15px !important;
  }

  .number-item > span {
    top: 2px;
  }

  .number-item {
    width: 28.5px;
    height: 36px;
  }

  .home_dark .main .centent .registration_business,
  .home_light .main .centent .registration_business {
    padding: 25px 8px 35px;
  }

  .home_dark .main .centent .tag_registration .jryp-box p,
  .home_light .main .centent .tag_registration .jryp-box p {
    font-size: 12px;
  }

  .home_dark .main .centent .tag_registration .jryp-number-box span,
  .home_light .main .centent .tag_registration .jryp-number-box span {
    padding: 6px 9px;
    font-size: 12px;
  }

  .home_dark .main .centent .processing li .text_process,
  .home_light .main .centent .processing li .text_process {
    width: 52%;
  }

  .home_light .main .centent .dealtWith ul .deal_grid {
    width: 45%;
  }

  .home_light .dxyw-count-box div,
  .home_dark .dxyw-count-box div {
    padding: 12px;
    text-align: center;
  }

  .home_light .main .centent .registration,
  .home_dark .main .centent .registration {
    padding: 11px 7px 35px;
    height: 680px;
  }

  .home_light .main .centent .reform,
  .home_dark .main .centent .reform {
    padding: 25px 7px;
  }

  .home_dark
  .main
  .centent
  .system_navigation
  .system_child
  .sys_list
  .sys_top_box
  .top_title,
  .home_light
  .main
  .centent
  .system_navigation
  .system_child
  .sys_list
  .sys_top_box
  .top_title {
    width: 107px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .home_dark
  .main
  .centent
  .system_navigation
  .system_child
  .sys_list
  .sys_top_box
  .top_btn,
  .home_light
  .main
  .centent
  .system_navigation
  .system_child
  .sys_list
  .sys_top_box
  .top_btn {
    width: 60px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
  }

  .sys_text,
  .sys_text > span {
    font-size: 12px !important;
  }

  .home_dark .main .centent .system_navigation .system_child .sys_list .item_c,
  .home_light
  .main
  .centent
  .system_navigation
  .system_child
  .sys_list
  .item_c {
    margin-top: 12px;
  }

  .home_dark .main .centent .system_navigation ul,
  .home_light .main .centent .system_navigation ul {
    padding: 0 23px;
  }

  .home_light .main .centent .information ul li .text_information,
  .home_dark .main .centent .information ul li .text_information {
    width: 20vw !important;
  }

  .home_light .main .centent .todoList .month_pi_BOX ul > li .span_o1,
  .home_dark .main .centent .todoList .month_pi_BOX ul > li .span_o1 {
    margin-right: 0 !important;
  }

  .span_o1,
  .spna_02 {
    font-size: 12px;
  }

  .number {
    font-size: 19px !important;
  }

  .home_light .main .centent .todoList,
  .home_dark .main .centent .todoList {
    padding: 0 13px;
  }

  .home_dark .main .centent .system_navigation,
  .home_light .main .centent .system_navigation {
    height: 957px !important;
  }

  .textTitInfo {
    width: 75px;
  }

  .leftTit {
    font-size: 12px;
  }

  .home_light .main .centent .register,
  .home_dark .main .centent .register {
    height: 680px;
  }

  .dxyw-list-item {
    width: 24% !important;
  }

  .home_dark .dxyw-list-item p,
  .home_light .dxyw-list-item p {
    font-size: 12px;
  }

  .home_dark .dxyw-count-box div,
  .home_light .dxyw-count-box div {
    padding: 13px 0px;
  }
}

// @media screen and (-webkit-min-device-pixel-ratio:0) {
// 	// 今日受理滚动设置
//   .box-item {
//     position: relative;
//     height: 35px;
//     font-size: 18px;
//     font-weight: bold;
//     line-height: 35px;
//     text-align: center;
//     list-style: none;
//     color: #57a6f3;
//     writing-mode: vertical-lr;
//     text-orientation: upright;
//     /*文字禁止编辑*/
//     -moz-user-select: none;
//     /*火狐*/
//     -webkit-user-select: none;
//     /*webkit浏览器*/
//     -ms-user-select: none;
//     /*IE10*/
//     -khtml-user-select: none;
//     /*早期浏览器*/
//     user-select: none;
//     /* overflow: hidden; */
//   }

//   /* 默认逗号设置 */
//   .mark-item {
//     width: 10px;
//     height: 35px;
//     margin-right: 5px;
//     line-height: 10px;
//     font-size: 18px;
//     position: relative;

//     & > span {
//       position: absolute;
//       width: 100%;
//       bottom: 0;
//       writing-mode: vertical-rl;
//       text-orientation: upright;
//     }
//   }

//   /*滚动数字设置*/
//   .number-item {
//     width: 25px;
//     height: 35px;
//     background: #fff;
//     list-style: none;
//     margin-right: 5px;
//     background: rgba(250, 250, 250, 1);
//     border-radius: 4px;
//     border: 1px solid rgba(221, 221, 221, 1);

//     & > span {
//       position: relative;
//       display: inline-block;
//       margin-right: 10px;
//       width: 100%;
//       height: 100%;
//       writing-mode: vertical-rl;
//       text-orientation: upright;
//       overflow: hidden;

//       & > i {
//         font-style: normal;
//         position: absolute;
//         top: 9px;
//         left: 50%;
//         transform: translate(-50%, 0);
//         transition: transform 1s ease-in-out;
//         letter-spacing: 10px;
//       }
//     }
//   }

//   .number-item:last-child {
//     margin-right: 0;
//   }
// }
.el-dialog__body > div:first-child::-webkit-scrollbar-thumb {
  background: rgba(9, 9, 9, 0.5) !important;
}

.seamless-warp {
  height: 399px;
  overflow: hidden;
}
</style>
